question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

global option to disable/enable add statusbar on fullscreen detection

See original GitHub issue

this bug was driving me insane the last few days because I was not able to see if its produced by cordova-plugin-statusbar, meteor 1.3beta11 or framework7.

http://framework7.io/docs/status-bar.html

please add an option to manually disable/enable the auto detection which is adding a statusbar when the app is in fullscreen or not.

Problem with cordova builds on iOS Device/Simulator I had the problem that your auto detection was adding some kind of margin/padding on top of my view so I had my native ios statusbar and an empty space with the same size right under the native statusbar. this space was driving me crazy because it even appears when I dont add a statusbar-overlay div in my html container. The detection code was adding the with-statusbar-overlay so the space was empty and you have seen the background color of body.

to fix this removed the complete statusbar block in the css

but this is just a workaround because the fake html statusbar is now broken and cant be used anymore. It would be nice if it would be possible to disable this auto detection or make it more stable to avoid the statusbar when its not necessary.

with without

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
nolimits4webcommented, Mar 10, 2018

Do you mean the gap between navbar and the list? This is the default CSS margin on .list. You can disabled it by no-margin class on list

0reactions
juliusbangertcommented, Mar 10, 2018

Excellent! So I assume I can add this no-margin class to the first element within .page-content on each page. Thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

global option to disable/enable add statusbar on fullscreen ...
this space was driving me crazy because it even appears when I dont add a statusbar-overlay div in my html container. The detection...
Read more >
Prevent status bar for appearing android (modified)
I am implementing a kiosk mode application and i have successfully made the application full-screen without status bar appearance post ...
Read more >
Can the status bar be turned off for true full screen Web ...
I'm sure my old oneplus 6t had a full screen option for apps in the oneplus system settings. App on the Play Store...
Read more >
Customize the Application Status Bar
Define a custom status bar in your mobile app. - OutSystems 11 Documentation.
Read more >
Hide system bars for immersive mode - Android Developers
Use WindowInsetsCompat. Type. statusBars() to hide only the status bar. Use WindowInsetsCompat.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found