BUG: Too many classes will cause the webpage to crash

[pittleCheung]

GrapesJS version

• [X] I confirm to use the latest version of GrapesJS

What browser are you using?

latest version of Chrome

Reproducible demo link

https://grapesjs.com/demo.html

Describe the bug

How to reproduce the bug?

editor.addComponents(` <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" role="tablist" data-te-nav-ref

    </ul>
     <div class="mb-6">
      <div
        class="hidden opacity-100 transition-opacity duration-150 ease-linear data-[te-tab-active]:block"
        id="tabs-home"
        role="tabpanel"
        aria-labelledby="tabs-home-tab"
        data-te-tab-active
      >
        Tab 1 content
      </div>
      <div
        class="hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block"
        id="tabs-profile"
        role="tabpanel"
        aria-labelledby="tabs-profile-tab"
      >
        Tab 2 content
      </div>
    </div>`)

What is the expected behavior? ...

What is the current behavior?

When I click on the a tag, the entire web page will be paralyzed.

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

Already reported and fixed https://github.com/GrapesJS/grapesjs/issues/5525