Widget - Infinite List Vibrating and Unselectable at 13th entry

Hallo,

Bei dem Widget "Unendlich Liste" fehlt am Handy dieser "Schiebregler" die es in der Jotform Vorschau gibt.

Wie könnte ich das Lösen?

Bitte um Hilfe!

Danke!

Gruß

Manuel

Hi Manuel,

Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. I understand the issue, but I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

In the meantime, let us know if you have any other questions. 

Hi Manuel,

Thanks for your patience and understanding, we appreciate it. When I cloned and tested your form, everything worked the way it was supposed to. The scrollbar appears when someone taps or focuses on the Infinite List widget on mobile devices. Take a look at the screenshot below to see my results: 

Can you go ahead and try it again and let us know how it goes? If the same thing happens again, we'll investigate it more to see if we can figure out what's going on. Also, can you take a screenshot of what’s happening and send it to us? This guide will show you how to do that.

Let us know if there’s anything else we can help you with.

Hallo,

vielen Dank für die Antwort.

Am Deskop PC funktioniert es ja.

Nur auf einem Smartphone leider nicht.

Gruß

Manuel

Hi Manuel,

Thanks for getting back to us. I tested your form (240262746299060) in Google Chrome on an Android mobile device to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

Can you tell us what device and browser have you tested the issue on? Could you try using a different device and browser? Also, if you can take a screenshot of what’s happening, that will help us to better understand what’s going on. We have a guide about how to do that here.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Hallo,

Hätte es gerade wieder versucht. Es funktioniert bei mir nicht.

Habe ein iPhone 14 Pro.

Sehr spannend warum das mit dem iPhone nicht funktioniert.

Hmmm

Gruß

Manuel

Hi Manuel,

Thanks for the information. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

In the meantime, let us know if you have any other questions. 

Vielen Dank!!!

Hi Manuel,

Thanks for your patience and understanding, we appreciate it. When I tested your form (240262746299060) in Safari on an iPhone, the same thing happened for me. Sliding the widget to the left just scrolls the entire form. Check out the screencast below to see my results:

After investigating it a bit, I found a workaround. Let me show you how:

1. Copy the codes below.

/*move specific fields to the next row #11985433*/

@media screen and (max-device-width: 844px) and (orientation: landscape) {

div#listContainer #form {

    display: flex;

}

#form td.col5 {

    float: left;

    line-height: 22px;

}

}

/*Ends here*/

2. Open your form in Form Builder, and click on the Infinite List widget.

3. On the right side of the widget, click on the Wand icon to open the Widget settings.

4. Under the Custom CSS tab, paste the codes into the box. Then, click on Update Widget.

And that's it. Check out the screenshot below to see the result:

I've cloned your form and made the necessary adjustments, so you can test it. You can find my cloned form here. If you would like to see how it has been configured, feel free to clone my form to your account. Click here to see how to clone the form. You might also want to check out this guide about injecting custom CSS codes into a widget on your form.

Give it a try and reach out again if you have any other questions.

Hallo!

Das ist Cool!

Vielen, Vielen Dank!!!

Gruß

Manuel

Hallo!

Ein Problem gibt es hier jetzt leider etwas!

Immer ab der Eingabe 13 gibt es das Problem wie im Video ersichtlich!

https://www.youtube.com/shorts/HZgrhbabic4

Es fängt dann die Liste vibrieren an, das eine Eingabe fast gar nicht mehr möglich ist!

Wie könnte man das abstellen?

Danke!

Gruß

Manuel

Hi Manuel,

Thanks for reaching out to Jotform Support. When I cloned and tested your form, the same thing happened to me. Can you try to clear your form cache to see if it resolves the issue? Let me show you how:

1. Open your Account and click your avatar/picture.
2. Click on Settings in the selection.
3. In your left-side menu, click on the Settings tab.
4. Click on Clear Cache beside the Form Caches.

After that, try to open your form in a different browser to see if it resolves the issue.

You can also check out this guide on How to Clear Your Form Caches.

Give it a try and let us know if you need any other help.

Hallo,

haben den Cache geleert.

Hat leider nicht geholfen. Das Problem besteht nach wie vor.

Gruß

Manuel

Hi Manuel,

Thanks for your feedback. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Hi Manuel,

Thanks for getting back to us. When I cloned and tested your form, the same thing happened to me. After investigating it a bit, It goes back to normal after removing the custom CSS. It is the custom CSS in the infinite list that causes this to behave strangely. Let me show you how we can solve it:

1. In Form Builder, click on the Build tab in the orange navigation bar at the top of the page.
2. Select your Infinite List widget and click on the Wand icon.
3. Go to the Custom CSS tab and erase the codes.
4. Click on Update Widget to save changes.

That's it! Test your form, and you should see the same output as in the screencast below:

Give it a try and let us know how it goes.

Nur wenn ich die Codes lösche dann hab ich das vorherige Problem wieder weshalb mir "Mike_G" diesen Code erstellt hatte!

Gruß

Manuel

Hi Manuel,

Thanks for getting back to us. I'm sorry for the confusion. Can you add back the Custom CSS Code but this time try to adjust the line-height to 30px. Please check the code below:

/*move specific fields to the next row #11985433*/

@media screen and (max-device-width: 844px) and (orientation: landscape) {

div#listContainer #form {

   display: flex;

}

#form td.col5 {

   float: left;

   line-height: 30px;

}

}

/*Ends here*/



Give it a try and let us know how it goes.

Hallo,

hab ich jetzt mit 30 & 40px probiert.

Leider hat es nicht geholfen. Das Problem besteht noch immer.

Gruß

Manuel

Hi Manuel,

Thanks for your feedback. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

In the meantime, let us know if you have any other questions.

Hi Manuel,

Thanks for patiently waiting. I cloned your form and tested it to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

Can you try it again and see how it goes? If you run into the same issue again, let us know, and we'll do some more testing to see what's going on. 

Let us know if you have any other questions.

Hallo,

hab das jetzt nochmals getestet. Mit einem PC & einem Laptop.

Das Problem besteht noch immer. Bei beiden Geräten war das gleiche.

Gruß

Manuel

Und den Cache habe ich auch nochmals geleert und nochmals probiert.

Leider erfolglos.