when text focus (keyboard open) the fixed header hide(gone)

Question

In my phonegap application for android(4.2.2) using jquery mobile(v 1.3.2) when the text box is focused (keyboard is open/show) at the time the jquery mobile FIXED header hide never visible again.Here is the sample code.

<!-- header start -->
    <div data-role="header" id="header" data-position="fixed" data-tap-toggle="false">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

score 1 · Accepted Answer · answered Oct 10 '14 at 09:56

Using this you can fix the header issue data-hide-during-focus="false". This will fix the header.

Try like this

<!-- header start -->
    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="false" data-transition="none">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

Note: Only in JQM 1.3.2

score 0 · Answer 2 · edited May 23 '17 at 11:52

0

Looks the repository, is an open issue 'fixed toolbars unfix after softkeyboard #5556'

Perhaps this answer for another stackoverflow question can help you.

edited May 23 '17 at 11:52

Community

1
1

answered Oct 10 '14 at 08:08

xumet

216
1
9

I tried the stackoverflow answer(iscroll) but still the same the header is not fixed yet. – Vini Oct 10 '14 at 08:37
As I said It's an open issue :( – xumet Oct 10 '14 at 08:53

score 0 · Answer 3 · edited May 04 '16 at 13:04

0

Some times data-position="fixed" will not work properly, so give position:fixed for ui-header class.

.ui-header
{position:fixed;}

edited May 04 '16 at 13:04

Gustavo Morales

2,614
9
29
37

answered May 04 '16 at 12:45

G Chaitanya Kumar

1

when text focus (keyboard open) the fixed header hide(gone)

3 Answers3