Here is a video showing the issue:
https://www.loom.com/share/4cc52416022c4b378160e70dbd08a756
Let me try to explain too:
As you’ll see, we have the Username text field, then immediately below it is supposed to be the “I’m not a robot” tool in an html frame.
When I switch to preview mode (or view the website from a mobile phone) then all the red error messages collapse. And the rest of the form collapses appropriately along with them. However, the “I’m not a robot” and everything below it does not collapse leaving them at the bottom of the page with a huge gap between the last text field and the Recaptcha field. This only happens on mobile. On desktop it works correctly.
Also of interest, if I use an empty html element… it works, if I plugin in any code what so ever, it seems to break. Which makes it seem like a Wix bug. Shouldn’t matter what’s in the code block, if the element is there, it should move along with the rest of the website if an element is collapsed.
Please fix this ASAP!
Just a wild guess, but on mobile, have you violated the “80-10” rule? It´s documented in the API, the amount of pixels that are being regarded as “near” to make the collapse work.
Hi Giri, no unfortunately I’ve seen that.
This, right? I question it because I keep seeing 70, but don’t see 80 or 10 or “80-10”
No, I’ve put the HTML Element directly next to the textbox.
It works on desktop. Doesn’t work on mobile. On mobile, it does work if and only if the HTML element is empty.
Never mind, I figured it out. I had everything inside a Container. However, the HTML Element wouldn’t quite fit within that Container without showing a scrollbar. So it must have figured it should only shift the items within that container, not all items. I expanded the container to fit the width of the items and it now works.
Still… quite odd that the same HTML Element when empty was working as I expected it to on mobile.
Anyone else who encounters this error, please read this first:
https://support.wix.com/en/article/corvid-how-page-layout-is-affected-when-elements-change-size#rules-for-collapsing-and-expanding-elements-1
It only shifts elements if within 70 pixels of the previous element that is being collapsed or shifted due to a different element that was collapsed.
Glad you found the source of the problem. Yes, it might be, 70-10, 80-20, I do not remember, I ran into it a year and a half ago, so please do forgive me.