Possible Causes & Fixes:1. Ensure the RTE is inside a proper Granite UI container
- The <body> field is correctly using cq/gui/components/authoring/dialog/richtext, but sometimes dialogs inside nested containers can have layering issues.
- Try moving the RTE field outside extra nesting to see if the layering improves.
2. Add the correct z-index for popups
- AEM dialogs use Coral UI, and sometimes the popups appear behind the modal due to missing z-index.
- Try adding this CSS in your clientlibs:
.coral-RichText-popover {
z-index: 9999 !important;
}
This ensures popups always appear on top.
3. Use cq:dialogFullscreen instead of inline toolbar
- Since you have useFixedInlineToolbar="{Boolean}true", try using fullscreen mode instead:
<uiSettings jcr:primaryType="nt:unstructured">
<cui jcr:primaryType="nt:unstructured">
<dialogFullScreen
jcr:primaryType="nt:unstructured"
toolbar="[#format,#justify,table#table,#lists,image#imageProps,links#modifylink,links#unlink,links#anchor,#styles,#paraformat,#edit,undo#undo,undo#redo,fullscreen#start,control#close,control#save]"
/>
</cui>
</uiSettings>
This ensures popups appear properly inside the dialog.
4. Check if any other styles are interfering
- Open Developer Console (F12 → Inspect the popups).
- Check if there’s a display: none or visibility: hidden issue in CSS.
- If so, try overriding it using:
.coral-RichText-popover {
display: block !important;
visibility: visible !important;
}
Regards,
Amit Vishwakarma
