Bug 242315

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 InspectorAssignee: 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:
Description Flags
test case none

Razvan Caliman
Reported 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
Attachments
test case (1.06 KB, text/html)
2022-07-04 07:56 PDT, Razvan Caliman 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-07-04 07:56:47 PDT
<rdar://problem/96398209>
Razvan Caliman
Comment 2 2022-07-04 08:24:43 PDT
Pull request: https://github.com/WebKit/WebKit/pull/2055
EWS
Comment 3 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.
Note You need to log in before you can comment on or make changes to this bug.