arielfaur / ionic-wizard

A set of angular directives to create a wizard using Ionic's slide box
http://arielfaur.github.io/ionic-wizard
MIT License
81 stars 26 forks source link

Strange UI issue on Tab #16

Closed niyando closed 9 years ago

niyando commented 9 years ago

Hi @arielfaur, Found a strange UI issue where pressing tabs while filling out a form breaks the slidebox.

I am able to reproduce this on your demo plunkr http://plnkr.co/edit/V3AiSnB4WYIXmCbNkBvn?p=preview

Steps: 1) Click on next to go to second screen 2) Focus on 'Type something' input box to type something. 3) Tab on keyboard.

arielfaur commented 9 years ago

@niyando I believe this is the expected behavior on a desktop browser. Mobile devices don't have a tab key :-) Are you building a web app with Ionic?

niyando commented 9 years ago

Not exactly a web app but using it as mobile website + native app. There is a > button on accessory bar on top of keyboard to tab through inputs.

Anyways, I was able to solve this by disabling form elements of all slides except the active slide. https://github.com/driftyco/ionic/issues/4346#issuecomment-147295322

Closing this :)