Branch: refs/heads/main
Home: https://github.com/WebKit/WebKit
Commit: 6d620636ad5a8112e83589d1959778da52c72b5b
https://github.com/WebKit/WebKit/commit/6d620636ad5a8112e83589d1959778da52c72b5b
Author: Razvan Caliman <[email protected]>
Date: 2025-08-18 (Mon, 18 Aug 2025)
Changed paths:
M Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css
M Source/WebInspectorUI/UserInterface/Views/FormattedValue.css
M Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css
Log Message:
-----------
Web Inspector: Can't select array element clipped by the console
https://bugs.webkit.org/show_bug.cgi?id=296325
rdar://157015598
Reviewed by Devin Rousso.
There is custom hit testing logic in
`WI.TreeOutline.prototype.treeElementFromEvent()`
so that you can expand a node by cliking on the sides of the actual DOM element
representing the tree element.
This breaks when the content of the tree element is clipped because the
measurements used for
hit testing compute to a target outside the bounds of the tree element itself.
It occurs from the combination of:
- `white-space: nowrap` on `.tree-outline.object li` (from ObjectTreeView.css)
- `display: inline-block` on `.formatted-node` (from FormattedValue.css)
In this situation, the tree element's `offsetWidth` is larger
than the bounds of the container that clips the element.
Switching from `display: inline-block` to `display: block` is a viable fix,
but has side-effects for the layout of other types of formatted values.
This patch allows DOM tree outline elements descendant of a `.formatted-node`
to wrap so that they're never clipped. This ensures that they are:
- correctly identified on click
- fully visible to provide complete context
* Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css:
* Source/WebInspectorUI/UserInterface/Views/FormattedValue.css:
(.formatted-node > .tree-outline.dom li):
* Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css:
(.tree-outline.object ol):
(.tree-outline.object:not(:has(.tree-outline.dom)) ol):
Drive-by fix for horizontal shifting on hover of a DOM tree outline nested in a
generic
tree outline because its `padding-inline-start` is overridden by a
same-specificity rule.
Canonical link: https://commits.webkit.org/298834@main
To unsubscribe from these emails, change your notification settings at
https://github.com/WebKit/WebKit/settings/notifications
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
