[Webkit-unassigned] [Bug 150796] New: Using -apple-system for font-family creates unneeded white-space in inline-flex/inline-block

[bugzilla-daemon at webkit.org]

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

            Bug ID: 150796
           Summary: Using -apple-system for font-family creates unneeded
                    white-space in inline-flex/inline-block
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Macintosh
                OS: Mac OS X 10.10
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: contact at benfrain.com

It is possible that this issue is related to this: https://bugs.webkit.org/show_bug.cgi?id=147845

Here is a reduction. Only tested this on Yosemite/Safari 9. Click the button to toggle -apple-system being applied in the body font stack.

http://codepen.io/benfrain/pen/YyjwZp

Basically, if you have a wrapping element with font-size: 0 and line-height: 0 set and any number of elements set to be inline-block there should be no white-space rendered between those blocks. However, when using -apple-system in the font-family property, white-space is rendered regardless. 

This can be problematic for layouts that rely on this technique to produce columns (sane problem with inline-flex too).

Are there any known workarounds CSS wise? I realise that whitespace could be removed in the DOM but in case users don't have the ability to remove the whitespace from the DOM are there any alternatives?

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151102/1db63ea6/attachment.html>