[Webkit-unassigned] [Bug 56543] New: css property "webkit-text-size-adjust" should only effect Safari on iOS but it effects desktop Safari as well

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=56543

           Summary: css property "webkit-text-size-adjust" should only
                    effect Safari on iOS but it effects desktop Safari as
                    well
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P3
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: webkitbugs at rmnet.com


Created an attachment (id=86034)
 --> (https://bugs.webkit.org/attachment.cgi?id=86034&action=review)
Testcase for this bug

=== Bug: ===
According to the "Safari Web Content Guide" documentation, the css property "-webkit-text-size-adjust" should *only* effect Mobile Safari.

"...you can control the text size that Safari on iOS uses when rendering a block of text."

That is true, in that it does effect "Safari on iOS". The problem is, when set to "none" it *does* inhibit the ability to "Zoom In/Out" of a page (with or without "Zoom Text Only" on or off) in desktop Safari or other Webkit based desktop browsers.

I've attached a testcase.



=== Expected Behavior: ===
- Setting "-webkit-text-size-adjust: none;" *should* lock the font size in place on iOS devices (as it currently does) but it should *not* inhibit the ability to enlarge/reduce the size of text in desktop Safari/Webkit.



=== Workarounds: ===
- #1 Use @media queries to target iOS devices and include this property in the relevant selector. This way, the @media query takes care of applying it only to Safari on iOS.
- #2 Alternatively, setting "-webkit-text-size-adjust" to "100%" seems to be the best of both worlds. It locks the font size down in iOS, allows for enlarging/reducing the size of the text in desktop Safari/Webkit and doesn't require @media queries.



=== Other: ===
- Apparently, the workarounds above aren't necessary for iPad, because this property is automatically set to "none" on iPad. At least according to: <http://blog.grahamlicence.co.uk/post/-webkit-text-size-adjust.aspx>
- I searched the documentation and couldn't find that rule though. Can anyone else confirm that this is the case?



=== Reference: ===
Apple Safari Developer Library:

<http://developer.apple.com/library/safari/documentation/appleapplications/reference/safariwebcontent/AdjustingtheTextSize/AdjustingtheTextSize.html#//apple_ref/doc/uid/TP40006510-SW16>

<http://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266--webkit-text-size-adjust>

<http://css-infos.net/property/-webkit-text-size-adjust>

<http://www.campaignmonitor.com/blog/post/3339/save-your-layout-by-overriding-the-minimum-font-size-on-the-iphone-and/>



=== Credit for finding and blogging about this bug before me: ===
<http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.