jQuery Mobile toolbar unfixed while input focusing

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

[solution]
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">

[Reference]
https://github.com/jquery/jquery-mobile/issues/5556

Advertisements

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

Comments are closed.

%d bloggers like this: