"Scroll to" Element Action Not Working with New Responsive

Need help New Responsive Engine
1

Hello everyone,

Is anyone using the “Scroll to” element action with the New Responsive Engine successfully? I have setup several workflows to “scroll to” various elements on my page but to no avail …

2

I’ve had no issues with it…

3

Thank you for your quick reply

4

Hi @fabrizio! I’ve noticed the issue you brought up, but only in one specific scenario: when the action is supposed to scroll to an element that’s inside a parent group that has “Fit Height to Content” set to “No”.

If you have that situation and your layout allows you to switch “Fit Height to Content” of the parent element to “Yes”, do that and you should be okay.

1 Like
5

Dear @chaostorm,
Thank you very much for your insight! I’ve followed your method, but the problem persists. Meanwhile, I also sent an email to Bubble support :slight_smile:

1 Like
6

You are welcome!

Please report back in this thread what the solution was once you hear back from the support - it may help a fellow Bubbler who encounters the same issue in the future! :slightly_smiling_face:

7

So, here’s what I found out.

I use a line in my “Script/meta tags in header” section to disable horizontal scrolling. The line is:

overflow-x: hidden;

This is what causes the “scroll to” action in my workflows to no longer work.

2 Likes
8

Check you this video