[Webkit-unassigned] [Bug 177367] New: When accessibility option for font-size set in preferences, line-height set with px creates enormous height divs

[bugzilla-daemon at webkit.org]

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

            Bug ID: 177367
           Summary: When accessibility option for font-size set in
                    preferences, line-height set with px creates enormous
                    height divs
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: macOS 10.12.4
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: contact at benfrain.com

Created attachment 321557

  --> https://bugs.webkit.org/attachment.cgi?id=321557&action=review

Safari Technology Preview 40 and Safari 11

This issue is also present in Safari 11.

When a user sets font-sizes to be displayed no less than 9px in Safari preferences and a website uses a line-height set with px values it can result in massive heights on elements.

The issue can be worked around by setting line-heights with a number rather than length but it is less than ideal as many existing websites may break.

I have not found it straightforward to create a reduction. However on a live site I am working with (https://www.bet365.com/?&cb=1032648335#/AA/B2/C101/D20170922/E20548296/F67258375/P10/) the issue exhibits clearly. The attachment is the page with those options set in the technology preview.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170922/1943b319/attachment.html>