[Webkit-unassigned] [Bug 271403] New: Web Inspector: Glitches when trying to edit a style from a style sheet that has an @import statement

[bugzilla-daemon at webkit.org]

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

            Bug ID: 271403
           Summary: Web Inspector: Glitches when trying to edit a style
                    from a style sheet that has an @import statement
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: qianlangchen at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 470466

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

Reduced test case: host the webpage and open it to see instructions

If a style sheet A `@import`s another style sheet B, using the inspector's style details panel to edit a style from sheet A glitches and removes the style immediately.

For instance, let's say in style sheet A you have:
    @import url("style-sheet-B.css");
    body {
        font-family: sans-serif;
    }

Then when you try to edit the font-family style from the details panel, the inspector suddenly removes the font-family style altogether.

See attached for a downloadable test case.

-- 
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/20240321/4a9c0a88/attachment-0001.htm>