Created attachment 423409 [details] [Image] screenshot of issue # STEPS TO REPRODUCE 1. inspect <https://webkit.org> 2. set a breakpoint on global.js:4 3. edit the breakpoint and add an Evaluate JavaScript action for `console.log("test")` 4. reload the page
<rdar://problem/75498577>
WebKit's inline-block behavior has changed in https://trac.webkit.org/changeset/271348/webkit, introduced this bug in Web Inspector.
Shorter reduction: 1. Open data:text/html,<script>console.log("test")</script> 2. Open Console
Created attachment 423608 [details] Patch
Created attachment 423609 [details] [Image] With patch applied
Comment on attachment 423608 [details] Patch rs=me
Comment on attachment 423608 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=423608&action=review > Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css:284 > + vertical-align: text-top; Why not `middle` or `bottom`?
Comment on attachment 423608 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=423608&action=review >> Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css:284 >> + vertical-align: text-top; > > Why not `middle` or `bottom`? With `middle`, the text is misaligned at negative zoom. With `bottom`, the text is misaligned even at 100% zoom.
Committed r274656: <https://commits.webkit.org/r274656> All reviewed patches have been landed. Closing bug and clearing flags on attachment 423608 [details].