Disable Scroll breaks on iOS if native Webflow interaction is used on the same toggle

Attributes
1

We are using the scroll disable attribute on a site we are building. Currently we have it in the header when you open the menu. For some reason, with the attribute in the header, the open/close button breaks and the background image does not load on iPhone. We have tested desktop Safari and Chrome, iPad Safari, and iPhone Safari and Chrome, and Android. The only time this breaks is iPhone on either browser. If we remove the attribute, everything works as expected. We have tried the toggle and when visible versions of the scroll disable attribute and they both break the same way.

We have been using finsweet attributes for a couple years now and never had this problem before. We are also using scroll disable on two other sections on two other pages with no trouble on those. It is only on our header menu toggle on iPhone.

Read Only Here

Staging URL Here

2

Hey @systems!

Could you try replacing your current implementation with the Smart Nav version designed specifically for navigation menus?

Add this attribute to your Navbar component instead of the toggle button:

fs-scrolldisable-element="smart-nav"

If the issue persists, it’s possible that the interaction is causing interference, since the trigger is the same element where the attribute is applied. Could you remove the interaction from the element and let me know how it goes?

3

Hey Lois,

Thanks for your response. Unfortunately this didnt fix the issue. I have tried using the smart nav both with our own nav as well as with the standard Webflow as is nav element and I am still having the same issue. Neither way had our own custom interaction that we have been using on any part of the menu.

With either menu it broke the same way as it previously where the nav trigger icon disappears. This is still only a problem on non-android mobile devices. Android phones work fine, but iPhone and iPad are broken.

Here is a screen record of what happens on my iPhone with the completely unedited nav element from Webflow: ScreenRecording_10-29-2025 10-43-48_1.mp4 - Droplr

And these are screenshots from an iPad:

No interactions on any of the elements, nothing custom, and using the smart-nav attribute. Scrolling is disabled correctly but the rest is broken. Our scrolldisables on other pages also still work completely normal on all devices and browsers, its just here on the nav still

4

Good morning Luis,

Just wanted to check in on this again to see if there are any other suggestions you may have had.

Thanks!

5

Hey @systems, apologies for the delay!

I’ve raised an issue with the team, and we’ll take a look at it. I’ll let you know as soon as we find something.

1 Like
6

@Support-Luis Good afternoon,

Are there any updates on this issue? We are getting closer to launching the new site and it would be great to have this working soon for our review.

Thanks!