Hi guys,
I have an AEM component that lets editors put text in and the text (and only text) and it automatically styles as orange, bigger text.
I'm having a weird issue where in editor mode, when you change the text at all, the style completely gets removed like below. But the style is still there if you refresh the page or view it in publisher mode.
![1587920_pastedImage_2.png 1587920_pastedImage_2.png](/t5/image/serverpage/image-id/13899i9E33ACB97982618B/image-size/large?v=v2&px=999)
![1587922_pastedImage_3.png 1587922_pastedImage_3.png](/t5/image/serverpage/image-id/13900iEE45547B3463DD90/image-size/large?v=v2&px=999)
The is happening for any component that I have a div and style applied to. Below is how I am applying this style.
<div class="text-orange-large" data-sly-resource="${'text-satisfaction-orange-1' @ resourceType='foundation/components/text'}"></div>
Does anyone know how I can ensure that AEM uses the correct styles in editor mode and my editors don't need to refresh to see the changes go through?
Thanks
Brendan