Bug 239425

Summary: Web Inspector: [Flexbox] `<button>` and `<select>` elements are appearing in list of Flex containers
Product: WebKit Reporter: Patrick Angle <pangle>
Component: Web InspectorAssignee: Patrick Angle <pangle>
Status: RESOLVED FIXED    
Severity: Normal CC: ews-watchlist, hi, inspector-bugzilla-changes, joepeck, pangle, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screenshot of Issue
none
Patch v1.0
none
Patch v1.1 none

Description Patrick Angle 2022-04-16 16:47:28 PDT
Created attachment 457759 [details]
Screenshot of Issue

I suspect internally these elements are using a flex renderer. Not sure if we should actually be showing these as flex containers, though. Seems like a lot of extra noise in most cases and it's not immediately apparent how this internal implementation details is relevant to most folks.
Comment 1 Radar WebKit Bug Importer 2022-04-16 20:03:55 PDT
<rdar://problem/91856323>
Comment 2 Patrick Angle 2022-04-23 10:35:38 PDT
Created attachment 458216 [details]
Patch v1.0
Comment 3 Devin Rousso 2022-04-25 11:14:17 PDT
Comment on attachment 458216 [details]
Patch v1.0

View in context: https://bugs.webkit.org/attachment.cgi?id=458216&action=review

r=me, neat!

> Source/WebCore/inspector/agents/InspectorCSSAgent.cpp:948
> +    }

NIT: should we have a `return std::nullopt` so that we don't futilely attempt to `is<RenderGrid>(renderer)`?

> LayoutTests/inspector/css/nodeLayoutContextTypeChanged.html:187
> +

NIT: i'd remove this so that it doesn't affect the expected output 😅
Comment 4 Patrick Angle 2022-04-27 15:12:53 PDT
Comment on attachment 458216 [details]
Patch v1.0

View in context: https://bugs.webkit.org/attachment.cgi?id=458216&action=review

>> LayoutTests/inspector/css/nodeLayoutContextTypeChanged.html:187
>> +
> 
> NIT: i'd remove this so that it doesn't affect the expected output 😅

This isn't the new line appearing in the test output. We have the `<input type="submit" id="flexSubmitInput" />` to thank for that, unfortunately.
Comment 5 Patrick Angle 2022-04-27 15:15:26 PDT
Created attachment 458473 [details]
Patch v1.1
Comment 6 EWS 2022-04-27 22:33:16 PDT
Committed r293565 (250079@main): <https://commits.webkit.org/250079@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 458473 [details].