Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BUG: TailwindCSS responsive md:w-2/3 classes gets converted to md:w-2-3 #5432

Closed
2 tasks done
mahmudz opened this issue Sep 29, 2023 · 0 comments · Fixed by #5433
Closed
2 tasks done

BUG: TailwindCSS responsive md:w-2/3 classes gets converted to md:w-2-3 #5432

mahmudz opened this issue Sep 29, 2023 · 0 comments · Fixed by #5433

Comments

@mahmudz
Copy link
Contributor

mahmudz commented Sep 29, 2023

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome 117.0.5938.132

Reproducible demo link

https://jsfiddle.net/bx8rtseh/2/

Describe the bug

How to reproduce the bug?

  1. Setup remote store manager
  2. Load some html with tailwindCSS classes

Sample

<div class="p-12 md:w-1/2 flex flex-col items-start">
Hello
 </div>

What is the expected behavior?
Unchanged class names

<div class="p-12 md:w-1/2 flex flex-col items-start">
Hello
 </div>

What is the current behavior?
Unexpected Changed class names

<div class="p-12 md:w-1-2 flex flex-col items-start">
Hello
 </div>

image

Code of Conduct

  • I agree to follow this project's Code of Conduct
@artf artf closed this as completed in #5433 Oct 3, 2023
artf pushed a commit that referenced this issue Oct 3, 2023
* Allow `/` in class names

This will allow following tailwind classes: md:w-1/2

* refactor: replaced double quote with single quote
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant