Is there a known bug with Webflow's IX2 off canvas animations that causes an ugly off canvas white space when scrolling left and right on touch screens?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

There is a known bug with Webflow's IX2 off canvas animations that can cause an unsightly white space to appear when scrolling left and right on touch screens. This bug occurs when certain combinations of interactions and animations are used in conjunction with off canvas elements.

The issue is rooted in the way Webflow calculates the width of the off canvas element and how it interacts with the viewport on touch screens. When an off canvas element is activated and the user attempts to scroll horizontally, the width of the off canvas is not properly adjusted, resulting in the white space.

While this bug can be frustrating, there are a few workarounds that can help mitigate or resolve the issue:

Disable horizontal scrolling: One potential solution is to disable horizontal scrolling altogether. This can be achieved by adding custom CSS to your site's code or using the custom code panel in the Webflow designer. By preventing horizontal scrolling, you can prevent the white space from appearing.
Use overflow:hidden: Another option is to apply the CSS property overflow: hidden to the off canvas element. This can help the off canvas content stay within the viewport and prevent the white space from appearing. However, you need to ensure that this doesn't negatively impact the overall design or functionality of your off canvas element.
Contact Webflow Support: If the above workarounds do not resolve the issue, it is recommended to reach out to Webflow's support team. They can provide further guidance and assistance in troubleshooting the problem. Additionally, by reporting the bug, you can help them become aware of the issue and potentially expedite a fix in future updates.

It's worth mentioning that Webflow is constantly working to improve and refine their platform, so it's possible that this bug may be resolved in future updates. In the meantime, these workarounds should help you address the issue and provide a smoother user experience on touch screens.

Additional Questions:

How do I disable horizontal scrolling in Webflow?
What are some alternative off canvas animation options in Webflow?
Are there any other known bugs with Webflow's IX2 interactions?

How can I resolve the issue of a drop-down window appearing after selecting a text option in Webflow?

How can I make the "Current" state only apply to the category that is visible in the viewport on my menu page in Webflow?

Can individual classes be deleted in Webflow without deleting all unused classes?

Is there a way to send secured one-time links for digital downloads in Webflow?

Can someone provide an example and explanation of what this option does in Webflow and share any helpful resources on the topic?

What is the best way to make all the logos in a grid the same height in Webflow?

How can I make a cloneable site and share it using Webflow if I couldn't find information about it on the official site?

How can I get my background video element to display the entire video without being zoomed in or cropped in Webflow?

How can I create subpages under one main page in Webflow without upgrading my account?

How can I create content menus in Webflow that navigate to specific headers/sections within a post?