RTE Issue with AEM Cloud

[sathyaprakasha2]

Team , I am facing weird issue while adding a rte component in dialog field.

Issue : If I click on the highlighted feature(i.e. which has dropdown box) it doesn't allow us to scroll down and getting the below error message on console.

`preventOverflow` modifier is required by `hide` modifier in order to work, be sure to include it before `hide`! coralui3.min.js

[ChitraMadan · Accepted solution]

Hi @sathyaprakasha2 ,

This has been fixed in 6.4.8

Please refer to NPR-27579

AEM 6.4 Service Pack Release Notes

Workaround, just in case you can't install SP at the moment:

Create a clientlib

Create a css file with this code

.cq-Dialog:not([fullscreen]) .cq-RichText-editable {
height: 20rem !important;
}

[sathyaprakasha2]

Hi, Still I am facing the issue.. the above css is loading....

[ChitraMadan]

Try to increase the height in css as per your requirement.

[AEMLearner-1989]

No..my issue is different.. its not working in both inline and full screen...once I click on the above highlighted buttons and try to scroll down to fill other fields ....it doesn't allow us to scroll down,,

[ChitraMadan]

Hi @AEMLearner-1989, yeah..may be it could be a different problem.

Are you not able to see the drop down at all?

[AEMLearner-1989]

I am able to see the dropdown , its not related to dropdown or height issue...if I click on highlighted(dropdown - image above) related fields ..scroll is not working..

[arunpatidar]

what version of SDK are you using? I am using  2020.6.3800.20200626T210738Z-200604

and did not see the issue.

[AEMLearner-1989]

Hi Arun , Thanks for your reply ..I am using 2020.7.3981.20200731T205128Z.... I thought the issue du to popper.js but when we inject the same component on fresh instance.. it not working... its working fine on aem 6.5 and 6.4