If I wrap the iframe with a div styled like this, it always shows the problem:īut if I remove one line, overflow:auto, the issues goes away. Since updating to IOS8, -webkit-overflow-scrolling: touch stops you being able to scroll whatsoever, and the only way I have been able to fix this so far is by removing -webkit-overflow-scrolling: touch which leaves the standard sticky scrolling. This also affects touch and hold to select text or paste from the clipboard. I'm working on a web app that uses -webkit-overflow-scrolling:touch in several places to give the overflown divs inertia scrolling. It can be reproduce in XCode 6.0.1 emulators for iOS 8.Īlthough the clicked target element is offset by the scroll amount, the event screenX and screenY attributes seem to be correct, returning the position of the actual element, not the reacting element from lower in the page. Is this the same renderer or do they share come library code? This not only affects native and hybrid downloadable apps using UIWebview, but even oneapp home screen launchers created from within Safari. While it makes sense not to wrap it all in the absolutely positioned div, it's just the way our app is structured currently and we would prefer not to have to re-architect it to work around issues such as this.Ī few other notes that hopefully make it easier to identity and more likely to be fixed: I'm simply reproducing the structure of the Salesforce1 application in this example. I could not reproduce it till I added that code in. The first div that is positioned absolutely is a major culprit here. The click event is offset the amount the iframe was scrolled. One of the radio buttons below your click will receive the event. Trying to click any of the radio buttons on the left results in an offset click. Without Scrolling you should be able to click any of the radio buttons You could just link to the page I created for this The iframe should link to a long page with input elements up and down the page. Inside that include an iframe with these styles Inside that, include a div with these styles Position a DIV absolutely with these styles Start with this DOM Structure (already setup in the included xCode project) (Excuse my sloppiness, I don't actually do any xCode programming, I simply learned this much as to get the issue isolated and make a bug report) I've embedded an xCode Project that you can run to reproduce, I'll explain below the best I can as well. Salesforce embeds all its customer VisualForce pages in Salesforce1 this way, so not having selecting working for all of them would be a very big deal. erAgent: "Mozilla/5.0 (iPhone CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/538.39 (KHTML, like Gecko) Mobile/12A4297e" Version: 538.39 (Your form needs updating.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |