Webkit overflow scrolling android#

this leads me to believe that something in the Cordova framework is to blame.

I created another test project which took the same javascript and placed it in a UIWebKitView without Cordova, and I could not get the application to crash. Googling for that error revealed two threads on StackOverflow with similar issues, but this seems to be the first concrete method reproducing the issue. 15:59:32.837 cordovacrash *** - : message sent to deallocated instance 0圆05ef80 Note that the JavaScript in the sample project is intentionally inefficient, in an attempt to simulate a much more complicated DOM being created and destroyed.Įnabling Zombies yields the following error: In my tests the crash consistently happens on the first or second try.

Immediately start rapidly clicking on the clock in the top status bar.

Build and launch the attached project on a device.

I will attach a sample project (built with Cordova 1.6.1) which makes it easy to repro the issue. Nowadays, scrolling has been made a bit easier with the introduction of plugins, but scrollbars are still a good idea.I have found an issue where a Cordova application will crash if the user taps the clock or battery portion of the status bar while the contents of an HTML element with -webkit-overflow-scrolling: touch are removed and rebuilt. The web was mostly static, it was one big uni-dimensional space, and most people didn’t really have any clue about what they were doing when they started scrolling. I read that -webkit-overflow-scrolling: touch and overflow: scroll doesn't work on Android.

Webkit overflow scrolling android#

On Android this doesn't work, you can not overscroll the content to see the logo. It wasn’t that long ago that scrolling was a problem for web designers. On iOS you can Scroll the Content so that you can see the clients logo in the background. The scrollbar is a CSS3 feature invented by Google. They also make it easier to get to the end of a lengthy web page. Scrollbars make it easy to read, scroll, and resize. Its like those people who get a bar on their screen that makes everything look different when a lot of them want to. The scrollbar makes a huge difference in how we see and interact with webpages. I love scrollbars, and its one of those features that was requested for years, but never got a feature release. So far they’ve been working on a new version with a scrollbar, but it’s not ready yet. It’s a little-known feature of webkit that’s been around since the days of Netscape Navigator, but it’s finally getting some love from webkit developers and we’re hoping for a great feature release this week. Safari and Firefox are the only two browsers that support the overflow feature. Firefox has it in Firefox 3.6.1 and it works in most versions of the browser, Chrome has it in Chrome 8 and it works in most versions of the browser, and Opera has it in Opera 10.54 and it works in most versions of the browser.

Safari has it in its latest build just because it seems to be the only browser to have it. This is especially handy when you run out of room in your browser with a lot of content in it. The new overflow-scrolling property works by allowing web pages to scroll a little when they’re scrolled out of the viewport. For Firefox, it’s the same as the old overflow-scrolling property. The new overflow-scrolling property will be supported by Opera, Chrome, and Safari. Mozilla has been working on implementing this feature for Firefox and Safari since August, and now its the first thing to load in the new version of IE. It also works in Opera, Chrome, and Edge.įor a while, theyre not all working, but they are getting there. The new overflow-scrolling property is currently supported by Firefox, Safari, Chrome, and Edge. The overflow-scrolling property also gives you the ability to add in transition animations, so you can make it look like something is scrolling when in reality it’s a seamless transition. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element. There may also be large incompatibilities between implementations and the behavior may change in the future. Firefox’s got a few good ones, but they’re not really worth the trouble. Do not use it on production sites facing the Web: it will not work for every user. Webkit has a few overflow tricks in the works, but for now they’re mostly focused on making web pages scroll smoothly. If you have a website that has content at various sizes, scrollbars, or different aspect ratios, you probably want to take that into account in your design. We can all see why it’s called “overflow”. It’s not just a Chrome thing, the overflow in webkit browsers is the same.