Bug 303544
| Summary: | overflow: clip doesn't work on inline elements | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Emilio Cobos Álvarez (:emilio) <emilio> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Emilio Cobos Álvarez (:emilio)
Test-case:
data:text/html,<span style="overflow: clip">ABC <span style="display: inline-block; height: 50px; width: 50px; background: green; vertical-align: bottom"></span></span>
The green square should be clipped to the inline's box.
Firefox is correct. Chrome has the same issue: https://issues.chromium.org/issues/465987920
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/166296784>
alan
I didn't know overflow clip applied to inline boxes. Do you mind linking to the spec where it says that?
Emilio Cobos Álvarez (:emilio)
Yeah I guess per spec it shouldn't since https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y has:
> block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]
However that predates overflow: clip. Anyhow, I filed https://github.com/w3c/csswg-drafts/issues/13257 to discuss it on the spec side.
alan
👍