Infinity Scroll on a site in Editor mode AEM6.5 SP20

3 replies
969 views
Translate All

Hi

We have a template in AEM6.5 SP20 that has an infinity scroll in Editor mode. Any suggestion how to fix this?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

EstebanBustamanteAccepted solution

Adobe Champion and Community Advisor

Hi,

This issue is related to the use of vh (virtual height) in your custom CSS. Most likely you are using something like this: height: 100vh which may not work in "Edit mode" due to its iframe relationships. To fix this, you should add a condition to set a fixed height in Edit mode.

Hope this helps.

Esteban Bustamante

h_kataria

Community Advisor

Some of your custom CSS is probably conflicting with OOB css styles.

Check if you have defined any styles for #ContentWrapper or any of the other OOB css classes in your custom clientlibs.

Translate

EstebanBustamante

Accepted solution

Adobe Champion and Community Advisor

Hi,

This issue is related to the use of vh (virtual height) in your custom CSS. Most likely you are using something like this: height: 100vh which may not work in "Edit mode" due to its iframe relationships. To fix this, you should add a condition to set a fixed height in Edit mode.

Hope this helps.

Translate

Esteban Bustamante

saksham-2

New Member

You can target the coral container , and give some fixed/px height to image if you give vh propery to any of your component

Translate

Sign up

Login with SSO

Login to the community

Login with SSO