Search jQuery

jQuery Forum

Fixed Toolbar usage. data-hide-during-focus

in jQuery Mobile • 3 months ago

We have recently come across an issue with our fixed toolbars with the 1.3 upgrade. On iOS devices after the upgrade, we noticed that our fixed headers were hiding when we would tap on input fields on the page. To fix this we had to do some digging and found the data-hide-during-focus attribute and set it to an empty string. This allowed our headers to stay fixed, and also improved some performance issues on the page.

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus=""></div>

Not sure if this is a bug or just poorly documented, but I thought others may find it useful.

Replies(1)

watusiware

Re: Fixed Toolbar usage. data-hide-during-focus

3 months ago

It's intentional behavior. There isn't much use for a header during input with an on-screen keyboard on a mobile phone. Tablets are a different story, but you can easily change the behavior as you point out above.

The fixed header just takes up valuable screen space which is already quite minimal when the keyboard is shown. I don't understand why anybody would want to fixed header to show while the on-screen keyboard is shown, but you are free to override the default behavior.

Yes, the new documentation is a disappointment. The old documentation was much better, and that's not saying much.

Top Reply

Response title

Attachments

jQuery Forum

Fixed Toolbar usage. data-hide-during-focus

Replies(1)

Re: Fixed Toolbar usage. data-hide-during-focus

Statistics

Tags

Actions

Related Posts