Bug 258274

Summary: Web Inspector: Node sidebar panel: long attribute name is cut off without visual hint
Product: WebKit Reporter: Razvan Caliman <rcaliman>
Component: Web InspectorAssignee: Razvan Caliman <rcaliman>
Status: RESOLVED FIXED    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screenshot of issue in Attributes section of Node sidebar panel
none
Screenshot with patch applied none

Description Razvan Caliman 2023-06-19 05:52:06 PDT
Created attachment 466755 [details]
Screenshot of issue in Attributes section of Node sidebar panel

When an attribute name in the Attributes section of the Node sidebar panel is too long, it gets cut off without a visual indicator that it's trimmed.

This leads to confusion when reading through the list of attribute values because it appears the attribute name is wrong. 

See attached screenshot: the attribute name is "cdkmonitorsubtreefocus". It shows up as "cdkmonitorsubtree" (missing "focus" suffix) in the Attributes section.
Comment 1 Radar WebKit Bug Importer 2023-06-19 05:53:09 PDT
<rdar://problem/110999382>
Comment 2 Razvan Caliman 2023-06-19 05:57:11 PDT
Pull request: https://github.com/WebKit/WebKit/pull/15089
Comment 3 Razvan Caliman 2023-06-19 05:58:35 PDT
Created attachment 466756 [details]
Screenshot with patch applied

Long attribute name uses ellipsis to indicate that it's cut off.
Comment 4 EWS 2023-12-15 11:14:20 PST
Committed 272135@main (4629f05354c3): <https://commits.webkit.org/272135@main>

Reviewed commits have been landed. Closing PR #15089 and removing active labels.