# Tab does not follow order when different input type

**URL:** <https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872>\
**Category:** Need help\
**Created:** [July 29, 2020, 2:59am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872 "2020-07-29T02:59:26Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![aabusaad](https://avatars.discourse-cdn.com/v4/letter/a/4491bb/32.png) [@aabusaad](https://forum.bubble.io/u/aabusaad)\
**Post date:** [July 29, 2020, 2:59am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872/1 "2020-07-29T02:59:26Z")

</div>

I am unable to ensure that the tab works in order by pressing tab when there are different option types. Any idea what could be the problem?

---

<div class="post-metadata">

**Author:** ![juancamilovasquezard](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/juancamilovasquezard/32/65341_2.png) [@juancamilovasquezard](https://forum.bubble.io/u/juancamilovasquezard)\
**Post date:** [July 29, 2020, 5:03am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872/2 "2020-07-29T05:03:57Z")

</div>

Hi 👋🏻

It must works if you have them in the same group and properly ordered.

Bubble will go first by the same line (from left to right) and then to the next line below.

But Maybe If you want to work right now you can set a workflow as :

When input A change, then : set focus , to input B.

Also if you have a picture or a video to see how are them aligned in your editor, I can send you a more specific response.

Bests,

Juan

---

<div class="post-metadata">

**Author:** ![primedevs](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/primedevs/32/118232_2.png) [@primedevs](https://forum.bubble.io/u/primedevs)\
**Post date:** [July 29, 2020, 6:58am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872/3 "2020-07-29T06:58:00Z")

</div>

Does not seem to work well with date & time pickers

---

<div class="post-metadata">

**Author:** ![juancamilovasquezard](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/juancamilovasquezard/32/65341_2.png) [@juancamilovasquezard](https://forum.bubble.io/u/juancamilovasquezard)\
**Post date:** [July 30, 2020, 3:48am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872/4 "2020-07-30T03:48:10Z")

</div>

Hi, 👋🏻

Yes ☹, it doesn’t works, but I tried to create something that generates a similarity as a “focus”:

1. Create a style for the date picker with no border and no background, but with the same font, aligment, etc of the others inputs.

2. In the position that will be the AirDate/TimePicker, I will add an DUMMY INPUT with the same style, width and height of the other Inputs (checking that has no validation rules and can be empty).

3. Now, In front of that Dummy Input, I will put the AirDate/TimePicker, that will be 6 pixels smaller (width and height too, also centered vertically and horizontaly) than the dummy input (to be sure that the color, width and other conditions of the dummy input can be visible when is focused).

4. Also to be sure that it will works, you can add a worfklow on the previous input of the AirDate/TimePicker: When that input value is changed \> set focus to input \> Dummy Input.

I created a video that can explain better the idea. (sorry for my english lol 😅 )

[https://youtu.be/-H5xtnxJKrc](https://youtu.be/-H5xtnxJKrc)

Bests,

Juan

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [October 7, 2020, 2:59am UTC](https://forum.bubble.io/t/tab-does-not-follow-order-when-different-input-type/103872/5 "2020-10-07T02:59:26Z")

</div>

Closed on October 7, 2020, 2:59am UTC

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