on page reload random html is replacing

[#1]

Hi 

in one of our web app we have setup multiple variation in a experiment 

everything working fine on first page load 

but when user refresh the page its trying to manipluate random dom elements and making the page a mess

as you can see from screenshots 2nd screenshot not showing the form which is very important for our user to move to next page

just for fail safe i have given id to the elements which we modified text in optimizely but even that also not helping

any help is appricated

Thanks

Venu

[#2]

Have you checked the DOM and CSS after reload? At this moment it might be a css-issue but without seeing your code, it is hard to say. Can you provide any url so that i can see this in action?

Kind regards

Michael

[#3]

Hey,

I had the same thing and agree with Michael that it could be CSS. Look for margins etc., that worked  when I had this issue.

Also want to add that if your page doesn't reload and content changes, consider using 'on change' event/any custom event to ensure  all variation changes consistently applied.

Regards

IN