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

Forum|Forum|1 year ago
July 30, 2024
3 replies
911 views

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.

Best answer by EstebanBustamante

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.

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.

EstebanBustamante

Accepted solution

Community Advisor and Adobe Champion

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

saksham-2

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

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded