I'd like to tag this post with '-webkit-overflow-scrolling' but I do not have enough reputation to create a new one. webkit-overflow-scrolling + CSS3 Animations + Phonegap API calls touch stops responding. It seems to me adding -webkit-overflow-scrolling: touch creates a new stacking context for every descendent with a position set other then static regardless if z-index is set. After removing the -webkit-overflow-scrolling: touch it renders just as I expect. Zindex issue with -webkit-overflow-scrolling: touch in safari. initial: uses the default value which is visible inherit: sets the overflow to the value of its parent element. Do not use it on production sites facing the Web: it will not work for every user. When the example is being tested on the iOS simulator, the 'sub-menu' is rendered behind the second row. Of note with this value is that you get BOTH horizontal and vertical scrollbars no matter what, even if the content requires only one or the other. WebKit bug 159753: meta Issues affecting Bootstrap jQuery’s browser bug workarounds Most wanted features There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren’t yet implemented in certain browsers, thus preventing us from taking advantage of them. Both Google Chrome and Safari on my laptop render the blue 'sub-menu' on top of the second row. Setting the overflow value of a box to scroll will hide the content from rendering outside the box, but will offer scrollbars to scroll the interior of the box to view the content. Paul Lewis, “GSAP hosts what is in my experience, the most welcoming, patient and helpful support forum I've ever come across.IOS 6 seems to create a new stacking context for every descendent with position other than static regardless if z-index is set or not.ĭoes anyone know if this is normal expected behaviour, or is this a bug in the way -webkit-overflow-scrolling interferes with stacking order?īoth row elements have position relative, but no z-index. James Stone, it’s a great library that many people love, and I know you care deeply about performance :)” Did they even ask animators what they use?”Įlliot Geno, “Honestly think without GSAP, I would have changed careers by now it's that good.” In general, Tailwind CSS v3.0 is designed for and tested on the latest stable versions of Chrome, Firefox, Edge, and Safari. “It's shocking the didn't use as a model of how to do animation via code. webkit-overflow-scrolling: touch is not recognized in chrome and on ios Ask Question Asked 7 years, 9 months ago Modified 6 years, 4 months ago Viewed 9k times 4 To get the inertial scroll I have read I need to add -webkit-overflow-scrolling: touch to my css on the div that scrolls.“There is no doubt that GreenSock is currently the best available tool for creating astonishing interactive websites and animation effects.”.This the first time I feel this way about a library.” GreenSock is incredible in its own right, but the team behind it is really what makes it “Reading through the GreenSock docs been amazed like 14 times so far! How can a library be SO complete? Been using that for about 2 years now but man. “I've never worked with a product that has such fantastic and enthusiastic support. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element. The wanted behavior is that when you click on the pill the scrolling goes to the needed item with no glitching or pause. I love pushing native CSS animation as far as I can but every time I use GSAP I’m just blown away. We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. Some bugs, like those listed below, cannot be solved by us.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |