Bug 242315 - Web Inspector: Styles: Pop-up for resolved CSS variable values is inconsistent with other pop-ups
Summary: Web Inspector: Styles: Pop-up for resolved CSS variable values is inconsisten...
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: 2022-07-04 07:56 PDT by Razvan Caliman
Modified: 2022-07-05 05:47 PDT (History)
2 users (show)

See Also:


Attachments
test case (1.06 KB, text/html)
2022-07-04 07:56 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 2022-07-04 07:56:10 PDT
Created attachment 460656 [details]
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
Comment 1 Radar WebKit Bug Importer 2022-07-04 07:56:47 PDT
<rdar://problem/96398209>
Comment 2 Razvan Caliman 2022-07-04 08:24:43 PDT
Pull request: https://github.com/WebKit/WebKit/pull/2055
Comment 3 EWS 2022-07-05 05:47:38 PDT
Committed 252133@main (8109e785685b): <https://commits.webkit.org/252133@main>

Reviewed commits have been landed. Closing PR #2055 and removing active labels.