Bug 239425 - Web Inspector: [Flexbox] `<button>` and `<select>` elements are appearing in list of Flex containers
Summary: Web Inspector: [Flexbox] `<button>` and `<select>` elements are appearing in ...
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: Patrick Angle
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-04-16 16:47 PDT by Patrick Angle
Modified: 2022-04-27 22:33 PDT (History)
6 users (show)

See Also:


Attachments
Screenshot of Issue (275.95 KB, image/png)
2022-04-16 16:47 PDT, Patrick Angle
no flags Details
Patch v1.0 (5.92 KB, patch)
2022-04-23 10:35 PDT, Patrick Angle
no flags Details | Formatted Diff | Diff
Patch v1.1 (5.78 KB, patch)
2022-04-27 15:15 PDT, Patrick Angle
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
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].