Editor falls apart on component collapse

[sadeq-qafari]

if I use ckeditor in a component then use it in some collection as a repeatable component, while using it if i collapse a component which contains editor every editor on that page falls apart like this

then if i expand same component or some other one containing ckeditor the problem will be fixed, i guess some styling is removed when collapsing a component.

its problematic the most while I'm using repeatable component and i want to switch between items.

[Mgsy]

Hi @sadeq-qafari! Could you please share the exact steps to reproduce the issue and your Strapi version?

[sadeq-qafari]

Hi @Mgsy!

Thank you for your response! Here are the steps to reproduce the issue:

1. Create a component and include CKEditor as one of its fields.
2. Add this component to a content type as a repeatable component.
3. Start adding entries and use the repeatable component to add multiple items.
4. Expand and collapse the components. You'll notice the issue where the editors break upon collapsing, but they return to normal when expanded again.

Strapi version: v5.4.2

[sadeq-qafari]

any update on this?

[Mgsy]

@sadeq-qafari I managed to reproduce the issue. It is related to the process of cleaning the assets. It seems there is problem while clicking between the components, but if you close one component, then expand another one, it works as expected.

The assets are cleaned after unmounting the component, so probably the second editor instance still detects the injected assets, as the first component is still available, but the assets get cleared a while after, which results in missing CSS files.

I will work on the fix.

[Mgsy]

I opened a pull request with a fix. Can you please check it and verify if it solves the problem?

PR for Strapi 5: #144
PR for Strapi 4: #145

[sadeq-qafari]

Hey @Mgsy,
Sorry for the delay
Tried your changes and it solves the problem!
Thank You!

[Mgsy]

Great, I will merge changes and this week I will prepare the release.