Not tabbing to next field on first field population

Need help
1

I’ve managed to rebuild a large portion of my app to cater for appropriate field tab ordering, but I’ve got one remaining issue/variation remaining.

It seems that when a value of a formatted input field is modified the focus is not being seton the next input field after tabbing.

If the value of the field isn’t modified then focus is being set correctly.

If anyone could have a look and advise on what is going on and whether I’m missing something that would be great.

Otherwise I might have to raise a bug.

Link below. Steps to test:

  1. Preview this page (login mike@davis.systems/test)
  2. Click into English Name and tab through to Gender dropdown - tabbing should work correctly
  3. Click into English Name and tab to Date f birth - modify the content and tab to next field
  4. Focus will be away from the form this time
  5. Repeat step 2 without modification and tabbing will work
2

Hi Davis,

I’m the author of Munster CRM. Awesome to see you using this template for your startup :grin:

3

I tried but the popup to login causes me to not be able to test

4

Fair point. I have just updated the post to include creds.

Username: mike@davis.systems
Password: test

5

after logging in can’t find my way to the new applicant page.

In the past I had issues with the same thing, I didn’t investigate much into it and never fixed the issue, but I suppose it had something to do with my workflows

Did you change the template? If not, maybe @nocodeventure would know what the issue is

If you did change the template, my guess is the workflows concerning focus input etc.

sorry i can’t be of much help

6

I didn’t understand the initial question so maybe @davis.systems can elaborate more on the issue

7

I read it as issues tabbing from one input element to the next after he has changed data in an input ( date of birth ) but if he doesn’t change data in an input the tab from one input to the next input element is working

8

Seems to work fine on Chrome after editing input fields

9

As per this video all I am doing is clicking on English Name and tabbing through the fields, the only difference being that on the second attempt I stop to edit the Date of Birth field, after which, when I tab focus disappears away from the form fields. On the third attempt I can tab through again no problem.

10

No problem - thanks for looking into it. These pages are similar and have the exact same issue

https://testtasklabour.bubbleapps.io/version-test/applicant_details/

https://testtasklabour.bubbleapps.io/version-test/candidate_details/

11

@boston85719 @nocodeventure

Can I ask if you are getting the same result as I am as per my video?

12

It seems to me like a bug. You could run a workflow to set focus on the next tab once the data changes from the date field.

13

Thanks to everyone who replied. I raised a bug with Bubble and received this response (in case anyone else is experiencing the same issue):

*Re: [Bubble] Bug report #7989

Thanks for reaching out and bringing this to our attention. Other users have reported the same and our engineers are always working on improving the Bubble platform. I have added you to the internal ticket here and we will update you as necessary.

If this mainly occurs with drop down boxes and date pickers, it may be possible to utilize workflows in conjunction with the “set focus” action to set the focus on the next element when the value of the previous field enters a “not empty” state. Of course, some additional tweaking may be involved here but this would be a good place to start.

I apologize for any inconvenience and understand that this can be frustrating, requiring some extra work. Again, we are always looking into improving the platform and this is something our engineers are aware of.

Please reach out if you have any other questions.*

14

This topic was automatically closed after 70 days. New replies are no longer allowed.