3
Class editing auto-select is a footgun (unclear class vs element styling scope)
Source: elementor/elementor#34973 · opened by @ericwang401
Describe the Problem Elementor's class editing UX makes it too easy to accidentally edit a CSS class when you think you're editing the element. When I add a class in the Classes field, Elementor auto-selects that class. After that, any changes I make in the styling pane are scoped to the selected class, not the current element. This is really easy to miss. Yes, the class pill gets highlighted, but the styling pane doesn't make it obvious enough that I'm no longer editing the element. The result is that you only realize what happened after the fact, when you've unintentionally modified a utility class and it ripples across the entire site. This is especially dangerous if you're using classes as "utility tokens" (e.g., text-4xl, tracking-tight, text-muted-foreground), because those are meant to be stable and reused across many elements. One accidental change silently breaks a bunch of pages. <img width="600" alt="Ele…
No pledges yet. Be the first to back this.
Comments
Similar requests
Duplicate Class or Create Class From Existing Styles
5 votes · 0 comments
Preserve Global Class Styles during Cross-Site Copy-Paste (Editor v4)
2 votes · 0 comments
Styling of Gravity Forms in elementor
1 vote · 0 comments
Allow parent hover state to trigger child element styling in Atomic V4
7 votes · 0 comments
Menu styling options need to be built out properly
5 votes · 0 comments
No comments yet.