The following test case incorrectly displays the image controls button: <style> #image-controls { width: 100px; height: 40px; background-color: yellow; } button { width: 60px; } </style> <body> <div id="image-controls" contenteditable="false"> <button id="image-controls-button"></button> </div> </body>
<rdar://problem/104352792>
Actually, data:text/html,<button id="image-controls-button"></button> is sufficient to reproduce.
Maybe we can use shadow DOM for this?
Pull request: https://github.com/WebKit/WebKit/pull/8777
(In reply to Ryosuke Niwa from comment #3) > Maybe we can use shadow DOM for this? We already use shadow DOM for this – the issue is due to a logic error.
(In reply to Aditya Keerthi from comment #5) > (In reply to Ryosuke Niwa from comment #3) > > Maybe we can use shadow DOM for this? > > We already use shadow DOM for this – the issue is due to a logic error. Ah, yeah. Saw your patch.
Committed 259126@main (ac4e9ee871be): <https://commits.webkit.org/259126@main> Reviewed commits have been landed. Closing PR #8777 and removing active labels.