Bug 258274 - Web Inspector: Node sidebar panel: long attribute name is cut off without visual hint
Summary: Web Inspector: Node sidebar panel: long attribute name is cut off without vis...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Razvan Caliman
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-19 05:52 PDT by Razvan Caliman
Modified: 2023-12-15 11:14 PST (History)
2 users (show)

See Also:


Attachments
Screenshot of issue in Attributes section of Node sidebar panel (949.07 KB, image/png)
2023-06-19 05:52 PDT, Razvan Caliman
no flags Details
Screenshot with patch applied (950.60 KB, image/png)
2023-06-19 05:58 PDT, Razvan Caliman
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.