Problem with masking a slider. Not Visible on published site

Design help General
1

Hi there,
I’m quite new to Webflow and have a Problem that a multistep form that I created does not show correctly on the published website.

The multistep form is an adaption form this cloned template: Multi Step Form Webflow - Webflow

I am trying to fix this for days now and I’am quite certain it is probably something very simple that I just don’t understand.

When published all the slide is showing for a few milliseconds and afterwards seems to be partialy be coverd (by the masking?).
As you can see here: https://website-test-6f6daf.webflow.io/lead-funnel-test-2
When I Inspect the published site and deactivate and activate “.w-slider-mask {white-space: nowrap;}” it somehow works. But this seems to be something i have no control over in the Webflow designer.

I cloned the template multiple times and checked every possible setting on all elements but I do not see a difference that could be the root of the problem.

I’ve tried now for days with trial and error, Google and ChatGPT but without success and really hope someone with experience can tell me what Im doing wrong here.

Thanks you so much!

Here is my site Read-Only:
https://preview.webflow.com/preview/website-test-6f6daf?utm_medium=preview_link&utm_source=designer&utm_content=website-test-6f6daf&preview=451592be8b3ef5d8f454748cc213f5f7&pageId=677f848129f19dc556faa6f0&workflow=preview

2

I solved the problem:

It turned out that I activated autofocus on one of the form input fields on one of the slides. This caused the problem that it tried to show the input field on a slide that was covered by the mask. You cannot have autofocus enabled on a type hidden.

Hope that helps someone in the future, who’s stuck like I was.