| Summary: | Web Inspector: Styles: Pop-up for resolved CSS variable values is inconsistent with other pop-ups | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Razvan Caliman <rcaliman> | ||||
| Component: | Web Inspector | Assignee: | Razvan Caliman <rcaliman> | ||||
| Status: | RESOLVED FIXED | ||||||
| Severity: | Normal | CC: | inspector-bugzilla-changes, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | WebKit Nightly Build | ||||||
| Hardware: | All | ||||||
| OS: | All | ||||||
| Attachments: |
|
||||||
Pull request: https://github.com/WebKit/WebKit/pull/2055 Committed 252133@main (8109e785685b): <https://commits.webkit.org/252133@main> Reviewed commits have been landed. Closing PR #2055 and removing active labels. |
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