Open style manager - class can be added by pressing the ENTER key
Thanks for reporting this, @Ameeko. The issue with Open style manager - class can be added by pressing the ENTER key appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent state. What to try: Add...
Read full answer below βQuestion
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome v98
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
In the "Open style manager", the CSS class can be added by pressing the ENTER key. If GrapesJS is inside a Form tag, adding the CSS class will submit the form. So this function cannot be used in most cases. I think it would be worth solving this.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
Thanks for reporting this, @Ameeko. The issue with Open style manager - class can be added by pressing the ENTER key appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent stat...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4771
GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v108 Reproducible demo link no link...
Issue #4859
Editing CSS property sets a style to a common class instead of element
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v108Reproducible demo link https://gr...
Issue #5297
GetJS not working
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 115.0.5790.171 (Official Build) (64-...
Issue #3753
When copying a text from anywhere the style manager is not working right.
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v92 Reproducible demo link https://...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.