Bug 123742
| Summary: | Fix outline not rendering for composited divs with overflow:hidden | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Mihai Maerean <mmaerean> |
| Component: | Compositing | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, hyatt, karlcow, mattwoodrow, simon.fraser, WebkitBugTracker |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Mihai Maerean
The following div is rendered without the outline when compositing is activated using the transform property.
<div style="overflow:hidden; outline:solid 1px green; -webkit-transform:translateZ(1px);">text</div>
The outline is rendered when the overflow property is removed.
Removing the transform property causes the outline to be rendered no matter if the overflow property is present or not.
None of this happens if the overflow property is replaced with a box-shadow property.
If there is an outline and a box-shadow that is smaller than the outline, the visible outline is clipped to the rectangle of the box-shadow.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
https://jsfiddle.net/h4orw0kf/1/show
I am not able to reproduce this bug in Safari 17.2.1. All other browsers (Chrome Canary 122 and Firefox Nightly 123) have outline similar to Safari.