[Webkit-unassigned] [Bug 276533] New: Web Inspector: Parse attributes added via editing the tag name

[bugzilla-daemon at webkit.org]

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

            Bug ID: 276533
           Summary: Web Inspector: Parse attributes added via editing the
                    tag name
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: hi at pepelsbey.dev
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 471876

  --> https://bugs.webkit.org/attachment.cgi?id=471876&action=review

Editing tag and atting attributes

## Problem

Adding an attribute in the DOM tree inside of the Inspect panel is unusually complicated. Given the developers’ experience in code editors, one would expect to double-click the tag name and start typing. Unfortunately, the attribute gets dismissed this way. It even gets repeated in the closing tag, which looks weird.

## Solution

Currently, there are two editing modes available:

1. When you double-click the tag name, the tag name editing mode is opened.
2. When you press the Enter key, the adding attribute mode is opened.

The inspector should differentiate between tag name editing and adding attribute mode based on whether the space is typed. Since tag names cannot contain spaces, it seems obvious.

Chrome DevTools does this: once you type a space, it goes to the adding attributes mode.

Ideally, pressing enter should open one and only editing mode to edit both the tag name and attributes. What is what is figured out via parsing for spaces.

## Extra information

Attached screenshot:

1. Editing a tag name via double-click
2. Adding an attribute via the Enter key
3. Editing a tag name to add an attribute
4. Adding an attribute via the context menu

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240712/f7b5e5ae/attachment.htm>