[Webkit-unassigned] [Bug 226819] Inaccurate background-size with ch units

[bugzilla-daemon at webkit.org]

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

hi at valerij.me changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |hi at valerij.me

--- Comment #2 from hi at valerij.me ---
Added some examples, since I'd love to see WebKit catch up on this.

https://codepen.io/valler/pen/dPbzPgG?editors=1100

a) shows a flexbox which demos an actual row major layout with alternating background colors for rows.

Ideally B to F should all match A when it comes to rendering the background, and box sizes also should match for A to D.

b) inline content with known width given in relative units `ch` and hardcoded background gradient stops.
c) inline content set to max-content and repeating gradient given as percentage of expected width.
d) inline content set to max-content and repeating gradient given in relative units `ch`.
e) inline content with its width truncated to the nearest relative unit `ch` using `round()`  and a repeating gradient given in relative units `ch`.
f) full width inline content with a repeating gradient given in relative units `ch`.

Declaring background sizes and gradient stops in the same units as the box size with - big, clearly visible - discrepancies is unfortunate (none of C to F are close to A or B).

-- 
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/20241226/788572bc/attachment-0001.htm>