jQuery Mobile toolbar unfixed while input focusing

the fixed toolbar in jQuery Mobile 1.4.2 geunfixed while the input or button get focused on the page.

add additionally

data-tap-toggle="false" data-hide-during-focus="false"

in your header or footer div. you may need to explicit set data-theme too.

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="false" data-id="toolbar" data-theme="a">

also add some more page height to scoll better with

<body sytle="height:200px">



About yingding wang
i am looking forward to innovation in IT and Robotics

Comments are closed.

%d bloggers like this: