Deep Class Names Tree in DevTools #9685
-
|
I am new to react-spectrum (components) I noticed that the rendered DOM contains a very large and deeply nested class name structure. In my case, the Elements panel even starts lagging while scrolling through the node because of the amount of nested wrappers and class attributes. For example: 
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
It uses atomic CSS, which helps keep the CSS bundle minimal, but is difficult to work with in the dev tools. @snowystinger has made an extension to improve this: #8305 This one may also help as well: https://github.com/astahmer/atomic-css-devtools |
Beta Was this translation helpful? Give feedback.
It uses atomic CSS, which helps keep the CSS bundle minimal, but is difficult to work with in the dev tools.
@snowystinger has made an extension to improve this: #8305
This one may also help as well: https://github.com/astahmer/atomic-css-devtools