Overflow issue when using transform

Design help General
1

Hey Guys

I just started using WebFlow and have run into an issue with the transform tool.

Whenever I push an element out of view on the x-axis it creates a horizontal scroll. I am trying to manually achieve the same effect you get with the slide interaction (i.e. move div right to left from out of frame). It works when I use the slide preset interaction but I can’t seem to replicate that manually.

I have recreated the issue on a test site you can find it here

Thanks in advance!

Editing to add a screenshot for additional context:

Screen Shot 2020-03-18 at 9.52.51 PM
Screen Shot 2020-03-18 at 9.52.51 PM2543×1548 170 KB

2

Hi @ieshaanK, welcome to the forum :slight_smile:

You links doesn’t work :slightly_frowning_face:
Can you re-post them?

3

Sorry, Fixed it in the original post but here it is again: https://preview.webflow.com/preview/test-project-8014ec?utm_medium=preview_link&utm_source=dashboard&utm_content=test-project-8014ec&preview=1e1c37debfba93961883d9ef34734446&mode=preview

4

I don’t see horizontal scroll bar at all :slight_smile: look good.

Can you screen record maybe?

5

I don’t think the interactions are working on the first go, can you click the preview icon (eye) a few times then scroll, and make sure your screen width is below 1500.

I recorded my screen too: Video