Git Product home page Git Product logo

Comments (15)

canado avatar canado commented on August 17, 2024

It seems that the status bar hide was working perfectly prior Android Software update.
Since the last or the previous update the StatusBar.hide() is no more working
The only solution would be to trigger an alert but this is way too much overkill!

Thanks

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

It seems that the status bar hide was working perfectly prior Android Software update.

Command or Code
Environment, Platform, Device
Version information

Can you fill out this information please, especially since potentially related to an android OS version.

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

You are right here it is
both cases working / not working
Android SM-G950W

not working Android 9 / One UI version
Build number PPR1.180610.011.G950WVLS6CSH1

Working previous version I don't know

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

I'm unable to reproduce this on my Android 9 device.

I have copied your preferences and created a text field and a button. The button will hide the statusbar by calling StatusBar.hide()

I click the button and observe the statusbar hiding.
I then click on the textfield to give it focus, I observe the keyboard has opened and the status bar is still hidden at this time. Let me know if I did something wrong.

I would advise to ensure that your cordova-android platform & tooling is up to date with the latest versions available. If the issue still persists, consider creating a minimal cordova app that reproduces the issue and share a github repo.

My android device is:
SM-N960W

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

Ok thanks for the advice
I can confirm that it is working perfectly fine on
Android S7
SM-G930W8
Android 8

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

Also worth note that you're using an older version of the Cordova CLI, so when you simply run cordova platform add android, it will install an older version of the platform as well.

The latest version of the CLI is 9.0.0 but if something is blocking you from upgrading (9.0.0 does have some breaking changes for plugin authors), you can use cordova platform add android@8 to install the latest version of cordova-android. I created my cordova project using CLI 8.1.2.

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

I am able to compile on CLI 9.0.0, and I still have the same issue : (

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

Can you provide me a sample reproduction app? I'll take a deeper look later tonight.

https://github.com/apache/cordova-contribute/blob/master/create-reproduction.md

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

Please note that the status bar is a little different from the traditional status bar as it contains two extra icons for gaming.

see screenshot attached
https://imgur.com/a/DPT6bbU

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

The UI in the picture is not the status bar. It's the navigation bar. The status bar is what appears on the top of the screen, e.g where the time and battery indicator is located.

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

You are right, I managed to fix the issue on the "navigation bar" by doing this
if (window.StatusBar){
window.StatusBar.show();
setTimeout(function(){
window.StatusBar.hide();
},5);
}

when I bring up the status bar and hide it again, it makes the navigation bar disappear.
If you know any other solution to remove the navigation bar, let me know.

Also sorry for the misunderstanding

from cordova-plugin-statusbar.

breautek avatar breautek commented on August 17, 2024

I'm not sure why status bar APIs would be changing the navigation bar. That sounds like an unintended side effect to me and probably a bug. StatusBar.show()/StatusBar.hide() should only be affecting the status bar, not the navigation bar.

Cordova doesn't have any APIs that specifically targets the navigation bar. Although there is probably a third-party plugin available to do this. A quick search led me to older plugin but I cannot vouch if it works as it hasn't received an update for the last 4 years.

from cordova-plugin-statusbar.

canado avatar canado commented on August 17, 2024

Just tested it, and I can confirm it is not working.
Anyway if people have the same issue as me with the navigation bar, at least there is a "fix"

from cordova-plugin-statusbar.

 avatar commented on August 17, 2024

package.json

"dependencies": {
    "cordova-android": "^8.1.0",
    "cordova-plugin-splashscreen": "^5.0.3",
    "cordova-plugin-statusbar": "^2.4.3"
  }

config.xml

    <preference name="Orientation" value="portrait" />
    <preference name="Fullscreen" value="true" />

This is what's going on on my side, maybe be relevant

When an input element is focused status bar is displayed as well as keyboard. When an input element is blurred status bar doesn't go away. However, if I call window.StatusBar.hide() at app initialization the problem is gone, that is, status bar doesn't show up on input focus.

from cordova-plugin-statusbar.

tanhatariq avatar tanhatariq commented on August 17, 2024

I am also facing the same issue with Status Bar, the Status bar keeps overlapping the UI, until we use any input, once any input in App is being focussed out, the status bar starts behaving normally, i have tested this right from Android 8 until Android 13, real devices and simulators as well, but everywhere the problem remains the same. any help will be deeply appreciated.

from cordova-plugin-statusbar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.