search

froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.28k stars 673 forks source link

Unwrapper global css #4119

Open Casilio opened 3 years ago

Casilio commented 3 years ago
Expected behavior.

All editor's css should be wrapper into some sort of wrapper (fr-*) and applied only to elements inside of the editor.

Actual behavior.

There is a few styles defined globally. Here is the ones I found:

_.half-circle .decorated .checkbox-container .checkmark button[data-cmd="*"] .padding-top-15 .dot .progress-circle

myprogressBar

.left-half-clipper .value-bar .align-autoplay .thumbnail-padding_

Some of them have generic names and could overlap with existing styles.

Editor version.

3.2.3

andvagorion commented 3 years ago

We have encountered the same issue in our application. .decorated was overlapping with one our app's style classes. This should be fixed. Thank you.

Version: v3.2.6-1

juanramonespinoza commented 3 years ago

Exactly same issue in our application. 'half-circle' was overlapping with our app's style.