[Webkit-unassigned] [Bug 242315] New: Web Inspector: Styles: Pop-up for resolved CSS variable values is inconsistent with other pop-ups

Mon Jul 4 07:56:10 PDT 2022

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

            Bug ID: 242315
           Summary: Web Inspector: Styles: Pop-up for resolved CSS
                    variable values is inconsistent with other pop-ups
           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: rcaliman at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 460656

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

test case

The pop-up that shows resolved CSS variable values is inconsistent with other popups for inline swatches:
- it animates its dimensions causing visually jarring relayout of its content
- for long values, its height is disproportionally tall for its content

Other pop-ups are sized appropriately and animate only their opacity.

Steps to reproduce:
- Load the attached test case
- Inspect the `<body>` element
- In the Styles panel, click the "equals" swatches next to used CSS variables to see their resolved values

-- 
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/20220704/ee9d4a33/attachment-0001.htm>