This is quite a well known issue and there for a good reason I suspect, so I'd urge you to reconsider the fix as by removing it you have probably introduced jerky animations to mobile: http://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker
What would be better is to not apply animations willy nilly. In mobile we have a class called animations that only gets applied to the html when animations can be run safely. It would be good to only apply vector-animateLayout for browsers we know that can cope with it. On Sun, Jun 29, 2014 at 3:24 PM, Brion Vibber <[email protected]> wrote: > Filed bug: https://bugzilla.wikimedia.org/show_bug.cgi?id=67286 > Patch submitted: https://gerrit.wikimedia.org/r/#/c/142975/ > > I don't know anything about the Chrome bug that the rule supposedly was > supposed to fix and whether that's a problem or was just some old voodoo > code that slipped in... > > -- brion > > > On Sun, Jun 29, 2014 at 3:11 PM, Brion Vibber <[email protected]> wrote: >> >> Seems to have been added in this revision, slipped in with no mention in >> the commit message: >> https://gerrit.wikimedia.org/r/#/c/125781/ >> >> -- brion >> >> >> On Sun, Jun 29, 2014 at 2:50 PM, Brion Vibber <[email protected]> >> wrote: >>> >>> On Sat, Jun 28, 2014 at 6:12 PM, Jeremy Baron <[email protected]> >>> wrote: >>>> >>>> >>>> screenshot now uploaded instead of attached because list has a size >>>> limit: >>>> https://i.imgur.com/oLFawll.png >>>> [snip] >>>> >>>> Just to report a bug - Since today, the text became blurry on the main >>>> content area of the site while visiting wikipedia on a non-retina iPad >>>> in portrait orientation (the top and sidebar remains sharp). You can >>>> find a screenshot in attachment. This also happens while visiting >>>> articles. >>> >>> >>> I can reproduce this in Safari running in the iOS 7.1 Simulator set to >>> non-Retina iPad mode. >>> >>> Looks like the blurriness is caused by or related to a CSS rule >>> "-webkit-backface-visibility: hidden;" on body.vector-animateLayout >>> div#content. If I toggle that off in the WebKit debugger, body text goes >>> back to being sharp. >>> >>> -- brion >>> >> > > > _______________________________________________ > Mobile-l mailing list > [email protected] > https://lists.wikimedia.org/mailman/listinfo/mobile-l > -- Jon Robson * http://jonrobson.me.uk * https://www.facebook.com/jonrobson * @rakugojon _______________________________________________ Mobile-l mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mobile-l
