Hi,
(see also my other mail just now on mobile non-app feedback in general)
In this case I searched bugzilla for ~5 mins and didn't see anything relevant and so I forward here. Although, maybe I used the wrong search keywords. (quicksearches were ":mobilefrontend summary:text", ":mobilefrontend summary:font" and ":mobilefrontend blur". and then I realized of course this isn't MobileFrontend at all and tried again with "ipad|ios font|text|blur") I don't see the issue myself but I'm not looking on an iPad. It may be valid or WORKSFORME or fixed but not yet deployed.
At first glance this seems like Brion's kind of bug?
I just asked the user about the rendering with MobileFrontend. (I guess they must have opted out because it's such recent feedback? given the recent switch to redirect tablets also by default.)
-Jeremy
(obviously removed name and redacted screenshot a bit)
screenshot now uploaded instead of attached because list has a size limit: https://i.imgur.com/oLFawll.png
---------- Forwarded message ---------- From: OTRS 2014062710022031 Date: Fri, Jun 27, 2014 23:00 UTC Subject: Blurry text on iPad To: "info-en@wikimedia.org" info-en@wikimedia.org
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.
On Sat, Jun 28, 2014 at 6:12 PM, Jeremy Baron jeremy@tuxmachine.com 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
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 bvibber@wikimedia.org wrote:
On Sat, Jun 28, 2014 at 6:12 PM, Jeremy Baron jeremy@tuxmachine.com 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
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 bvibber@wikimedia.org 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 bvibber@wikimedia.org wrote:
On Sat, Jun 28, 2014 at 6:12 PM, Jeremy Baron jeremy@tuxmachine.com 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
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-caus...
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 bvibber@wikimedia.org 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 bvibber@wikimedia.org 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 bvibber@wikimedia.org wrote:
On Sat, Jun 28, 2014 at 6:12 PM, Jeremy Baron jeremy@tuxmachine.com 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 Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l