NEW 123742
Fix outline not rendering for composited divs with overflow:hidden
https://bugs.webkit.org/show_bug.cgi?id=123742
Summary Fix outline not rendering for composited divs with overflow:hidden
Mihai Maerean
Reported 2013-11-04 08:45:58 PST
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
Ahmad Saleem
Comment 1 2024-01-02 09:23:24 PST
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.
Note You need to log in before you can comment on or make changes to this bug.