[Webkit-unassigned] [Bug 30057] New: Web Inspector: Adding new attributes in Element Panel is counterintuitive

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=30057

           Summary: Web Inspector: Adding new attributes in Element Panel
                    is counterintuitive
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: pfeldman at chromium.org
                CC: rik at webkit.org, timothy at hatcher.name,
                    joepeck at webkit.org


Follow up to https://bugs.webkit.org/show_bug.cgi?id=21108:

> - I kept it a "..." but now everything else is out of the way so it will be easy to experiment with this.

It really looks confusing as is and I think we should revisit this. When I
first saw "..." on hover, I thought it was a bug: I was sure that hovered text
became longer, went out of bounds and CSS truncated it and added ellipsis to
it.

Two thing bother me most:
1) Discoverability: There is no way user would understand that ellipsis is for
adding new attributes
2) Stuff jumping: Elements panel contents is jumping when I move mouse around.
Sometime I miss text nodes that I want to edit.

I'd suggest that we 
1) replace "..." with " ?="
2) toggle add attribute span using setTimeout(500).

Attaching screenshot and a patch shortly.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.