BUG: Default component styles incorrectly applied to device-specific media queries in v0.22.10+ #6629
Description
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
chrome latest version
Reproducible demo link
https://app.grapesjs.com/studio
Describe the bug
How to reproduce the bug?
- Initialize GrapesJS editor with default device configuration
- Switch to tablet or mobile device view
- Add a text block component (or any component with default styles, e.g., margin: 10px)
- Switch back to desktop view
- Observe that the default styles are NOT applied on desktop
What is the expected behavior?
- Default component styles should always be applied to the base CSS rule (without media query) regardless of which device is currently selected in the editor.
What is the current behavior?
- Default styles are applied to the media query corresponding to the currently selected device, causing:
- Styles missing on desktop when component is added on tablet/mobile
- Styles missing on tablet when component is added on mobile
- Inconsistent styling across devices
version used: 0.22.12
Note: seems introduced with 0.22.10
Code of Conduct
- I agree to follow this project's Code of Conduct