Statusbar problems

1

Hi All,

I’m having issues with the Statusbar…

I have added:

</head>
<body>
  <div id="app">
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar"></div>

    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main ios-edges">
    </div>

and I have this in my app declaration

statusbar: {
enabled: true,
overlay: “auto”,
iosOverlaysWebView: true,
androidOverlaysWebView: true
},

when I call statusbar.show() and .hide() it does work. .isVisible() also correctly shows false or true, however, when the user clicks an input, the keyboard shows and the statusbar should show, but it does not.

oh, I’m testing on Android currently.

am i missing something? many thanks,

Scott

2

Why is that? When you need such you should somewhere focus event handler for such input and call statusbar.show() and and input blur call statusbar.hide()?

3

Thanks. That kinda works. I assumed that the cordova plugin would automatically show and hide the status bar as and when the actual status bar was visible, otherwise there doesnt seem to be much point in having a plugin…?

the onFocus / onBlur seems to work, but when losing focus I hide the status bar, but actually the status bar is still visible, so the styling goes off again. Not sure i know when i need to hide/show the status bar.