iOS CSS: strange behavior and corrupting page when changing style in the debugger

[hbinkle]

Inspect version: 0.7.9
Electron: 15.3.4
OS version and architecture: win32 x64 10.0.19044
iOS Version: 15.2.1

Repro:

1. On the iPhone open a project like: https://zclcr.csb.app/
2. select the magenta filter row element:
   
3. deselect the color by unchecking the checkbox:
   

--> the page get's messed up:

[auchenberg]

@hbinkle Thanks for the report. Where are the styles located for these elements? Are these inline <style> tags?

[hbinkle]

@auchenberg it's an react SPA using MUI and webpack which creates the styles as style tags in the header of the html document:

You can easily reproduce the issue as described above.

[auchenberg]

Confirmed.

[auchenberg]

Notes: This is a problem with BrowserStack too, so something funky is going on

[auchenberg]

Note: My suspicion here is that this is something to do about how the CSS domain is composing the CSS properties list as a string, and how it's being inserted as an inline style sheet. Something to do with the style tag that gets weird, and some formatting here that breaks in the kit specifically.