Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request: Allow to overlay status bar over WebView #1876

Closed
UlisesCeca opened this issue Aug 14, 2019 · 8 comments
Closed

Feature request: Allow to overlay status bar over WebView #1876

UlisesCeca opened this issue Aug 14, 2019 · 8 comments

Comments

@UlisesCeca
Copy link

Hello,

is it possible to make the status bar transparent or translucent like the image below with the current plugin?

image

Thanks!

@jcesarmobile
Copy link
Member

It's possible to make the bar translucent as it accepts AARRGGBB as color, but it's not possible to show the webview behind the statusbar.

@UlisesCeca
Copy link
Author

Okay, thank you!

Will this ever be considered to be implemented in the future?

@jcesarmobile
Copy link
Member

Tagging with feature request tag:
Issues tagged with feature request are closed but tracked for reactions to gauge interest.
If you are interested in this feature, add the thumbs up emoji (+1) reaction on the issue so we can sort them based on it.

In case it's done, it would be android only method, should be like the cordova-plugin-statusbar overlaysWebView method.

@jcesarmobile jcesarmobile changed the title Transparent status bar Feature request: Allow to overlay status bar over WebView Aug 14, 2019
@Crylion
Copy link
Contributor

Crylion commented Mar 17, 2020

I'm also really missing this :/
We're currently migrating a cordova app to capacitor and supporting phones with notches correctly was an important part of the design, so we really relied on the cordova statusbar plugin being able to overlay the webview :(
Are there workarounds by changing the android code directly? The last time I developed for Android was about five years ago, so I'm a bit rusty x)

@jcesarmobile
Copy link
Member

this has been implemented on #2597, removing the feature request label

@sisoje
Copy link

sisoje commented Oct 26, 2020

@jcesarmobile what about ios support?

@jcesarmobile
Copy link
Member

iOS always overlays the status bar, you can avoid the status bar area by respecting safe areas
https://webkit.org/blog/7929/designing-websites-for-iphone-x/

@ionitron-bot
Copy link

ionitron-bot bot commented Nov 11, 2022

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Nov 11, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants