Created attachment 420676 [details] Screenshot of grid overlay list with long node display names See attached screenshot. When node display names are too long (ex: long CSS class name), color swatches are pushed off screen.
Created attachment 420678 [details] Reduced sample case with truncation working Basic sample using the same markup from Web Inspector but with applied minimal CSS to achieve truncation.
Created attachment 420681 [details] =WIP WIP perplexigly not working in Web Inspector UI despite using the same CSS as the basic sample attached
Created attachment 420829 [details] Patch
Comment on attachment 420829 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=420829&action=review r=me with class name fix > Source/WebInspectorUI/UserInterface/Views/CSSGridSection.css:38 > +.css-grid-section .node-overlay-list__item-container { Please replace __ with -, we don't use underscores in class names in this codebase.
Created attachment 420857 [details] Patch Carry over R+
The 'validate-changelog' command is currently deprecated due to believed non-use; if it forms part of your workflow, please comment on https://bugs.webkit.org/show_bug.cgi?id=221991 and please include the command you ran, even if others have already mentioned it ChangeLog entry in Source/WebInspectorUI/ChangeLog contains OOPS!.
Created attachment 420965 [details] Patch Carry over R+; retry EWS bots with rebased patch
ChangeLog entry in Source/WebInspectorUI/ChangeLog contains OOPS!.
Created attachment 420983 [details] Patch Carry over R+; update changelog with name of reviewer
Committed r273148: <https://commits.webkit.org/r273148> All reviewed patches have been landed. Closing bug and clearing flags on attachment 420983 [details].
<rdar://problem/74529013>