[BUG] Yoopta is messing up global styles

[debkanchan]

Has this bug been raised before?

• [X] I have checked "open" AND "closed" issues and this is not a duplicate

Description

We are using shadcn and consequentially tailwind to build our webapp. As soon as we use any yoopta tool, plugin, mark or editor it messes up global style especially borders

Steps to Reproduce

• init a next.js project
• setup a theme switcher using next/themes
• setup shadcn/ui
• copy any block
• add a yoopta editor anywhere

Environment

• OS: MacOS Sonoma 14.5 (23F79)
• Browser: Arc Version 1.54.0 (52220) [Chromium Engine Version 127.0.6533.89]

Screenshots

before yoopta

after yoopta

Do you want to work on this issue?

No

If "yes" to above, please explain how you would technically implement this

No response

[Darginec05]

Related to https://github.com/Darginec05/Yoopta-Editor/issues/186

[Darginec05]

Yes, that's annoying behaviour

[g-wozniak]

Following up on this. Currently messing antd design and makes it unusable for me in production sadly due to the impact of global selectors. Otherwise, very nice editor.

[Darginec05]

Hi @g-wozniak @debkanchan I'm working on it right now

It will be fixed in next minor version

[debkanchan]

Hi @g-wozniak @debkanchan I'm working on it right now

It will be fixed in next minor version

Poggers

[Darginec05]

@debkanchan :D

[Darginec05]

Hey comrades @g-wozniak @debkanchan! I just published -rc 4.6.10-rc.0 version with this fix

Could you check it please? If everything is good I'll publish stable version today

[debkanchan]

Da comrade @Darginec05! It works

[g-wozniak]

Works great to me as well. Thanks!

[Darginec05]

@debkanchan roger that, I'll prepare stable version @g-wozniak thanks for sponsoring ❤️

[Darginec05]

Fixed in v4.7.0 🎉