Issue #3753💬 AnsweredOpened September 7, 2021by migokcek0 reactions

When copying a text from anywhere the style manager is not working right.

Quick answerby artf

If you paste a text with its own inner style, you have to change it for each pasted component, as their style overrides the parent one.

Read full answer below ↓

Question

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v92 Reproducible demo link https://grapesjs.com/demo.html Describe the bug When I take any text from Microsoft Office word or any websites it is coming with it’s own css and font-color, and the font-color attribute is not working for the text. Second bug is when I try to change font-size, it’s changing the ‘text box’ size, not the font-size. I tried to add !Important in StyleManager, but did not work This photo is from your demo Code of Conduct [X] I agree to follow this project's Code of C...

Answers (3)

artf• January 24, 2022

If you paste a text with its own inner style, you have to change it for each pasted component, as their style overrides the parent one.

chirag0110• January 25, 2022

@artf , Even We are not able to change any pasted component. I have added lorem ipsum text from the lorem ipsum site. When I paste the text grapesJs wrap text with the "P" tag with id="i835ol". I am not able to change the styling of the "P" tag. I have tried in GrapesJs demo too. Please check the s...

GJSBlock• May 17, 2026

Thanks for reporting this, @migokcek. The issue with When copying a text from anywhere the style manager is not working right. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsi...

View full discussion on GitHub →