Livefyre component in AEM flies across screen | Community
Skip to main content
JasonDa4
Level 2
Feb 12, 2019 2:19 PM UTC
Solved

Livefyre component in AEM flies across screen

Our team is using AEM 6.4 and when we insert a Livefyre component on a page in AEM Sites, the component moves across the page to load when the page is loaded. Is there anything that can be done to prevent this movement?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Gaurav-Behl
Gaurav-BehlAccepted solution
Level 10
Feb 12, 2019 5:20 PM UTC

Probably, you answered your question..

check for animation/transition classes in css/less attached to that component/container or that page. There could be a possible css conflict(s).

search for 'animation' and 'transition' keyword in your generated css file and then map it to appropriate component/DOM structure.

View reply

8 replies

Gaurav-Behl
Gaurav-BehlAccepted solution
Level 10
Feb 12, 2019 5:20 PM UTC

Probably, you answered your question..

check for animation/transition classes in css/less attached to that component/container or that page. There could be a possible css conflict(s).

search for 'animation' and 'transition' keyword in your generated css file and then map it to appropriate component/DOM structure.

Translate
JasonDa4Author
Level 2
Feb 12, 2019 5:08 PM UTC

I'm not able to. I basically have a 6x6 column control on the page with a News List component and a text component on the left half of the page and a Livefyre app component and text on the right side of the page. All of the other components will be there automatically when the page is loaded and then the Livefyre component will come flying in like an animation on the screen on the top right of the 6x6 column control.

Translate
smacdonald2008
smacdonald2008
Level 10
Feb 12, 2019 5:05 PM UTC

I agree - a video of this behavior would help a lot.

Translate
Gaurav-Behl
Gaurav-Behl
Level 10
Feb 12, 2019 4:59 PM UTC

could you share the video/gif of same?

Translate
JasonDa4Author
Level 2
Feb 12, 2019 2:49 PM UTC

Yes, this is what happens when a Preview link is sent or when the page is "Viewed as Published". I'm not sure if this may have to do with AEM having to load the Livefyre app within a component.

Translate
smacdonald2008
smacdonald2008
Level 10
Feb 12, 2019 2:44 PM UTC

I have never heard of AEM components behaving the way you describe. So when you drop them into a page, and then click PREVIEW - you see components behaving in this manner?

Translate
JasonDa4Author
Level 2
Feb 12, 2019 2:33 PM UTC

Not that I'm aware of, the Livefyre components in AEM had to be built for our specific system.

Translate
smacdonald2008
smacdonald2008
Level 10
Feb 12, 2019 2:30 PM UTC

Have you updates this component in any manner or is this OOTB?

Translate
Terms & ConditionsAccessibility statement

Loading footer...