Callouts in block editor
under review
Trond Daniel Kvalvik
Hi.
I see you have changes how the callouts work for the block editor.
In the WYSIWYG editor each callout had it's own class, like ".warningBox" or ".errorBox".
Now it seems like the callout has a default ID with styling inline on the element, which makes impossible to add custom styling.
Log In
P
Prabhakaran Parasuraman
marked this post as
under review
P
Prabhakaran Parasuraman
Hi Trond, thanks for writing to us. We are aware of the callout issue in the HTML default tag. We will fix this issue in our forthcoming sprint.
We would like to understand the custom HTML tags used in the WYSIWYG editor's code view. If possible kindly share any screenshots (or) video reference (or) code samples, to analyze the same from our end for the Block editor. Your understanding and cooperation are appreciated.
If you have any other feedback or suggestions, feel free to reach out to us.
Trond Daniel Kvalvik
Prabhakaran Parasuraman: Hi. It looks like I've shared the wrong image with you.
On the first attached screenshot you can see the callout from the old editor. In this editor each callout has a unique class with lets me style it just the way I want.
In the second screenshot you can see the callout from the black editor. In this each callout type has the same ID with only generic styling while the rest of the styling is inline on the element.
This makes it impossible to style it the same way as the old one.
P
Prabhakaran Parasuraman
Trond Daniel Kvalvik: Thanks for the response. We will surely look into your feedback and try to fix this as soon as possible. We will keep you posted on any updates. Your understanding and patience are appreciated.
Trond Daniel Kvalvik
Prabhakaran Parasuraman: I have noticed another issue with the callouts in block editor. The title in the callout is defined as a header (h4) which makes every callout show up in the table of content.
Trond Daniel Kvalvik
Prabhakaran Parasuraman: Hi. I can see you have made some changes to the callout, but it has made it worse. To me it looks like you added a class but kept the inline styling on the element.
This has resulted in callouts having double styling, and I need to manually delete the class from every since callout.
Also, the header is still h4, making it appear in the table of content.
P
Prabhakaran Parasuraman
Trond Daniel Kvalvik: Thanks for your response. Currently, we have fixed the issue of displaying the h4 element in the callout header. We will evaluate the class issue in the callout and get back to you as soon as possible. Your understanding and patience are appreciated.