search

inspectdev / inspect-issues

Issue tracker for Inspect
22 stars 2 forks source link

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

Open hbinkle opened 2 years ago

hbinkle commented 2 years ago

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: image
  3. deselect the color by unchecking the checkbox: image

--> the page get's messed up: image

auchenberg commented 2 years ago

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

hbinkle commented 2 years ago

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

You can easily reproduce the issue as described above.

auchenberg commented 2 years ago

Confirmed.

auchenberg commented 2 years ago

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