aashu-dubey/capacitor-statusbar-safe-area

Capacitor Package to get Status bar height and Safe area insets on Android & iOS.

capacitor-statusbar-safe-area's Issues

Error when using with Nuxt.js

When using within my Nuxt.js environment, I am getting an error message on npm run dev.

[nuxt] [request error] [unhandled] [500] HTMLElement is not defined
  at Object.<anonymous> (./node_modules/@aashu-dubey/capacitor-statusbar-safe-area/dist/plugin.cjs.js:38:31) 

When I remove "SafeAreaElement" from the plugin code, all is working well.(I do not need SafeSreaElement, only "getSafeAreaInsets"), so I could do a fork, but maybe you can have look into it.

Maybe it has something to do with TypeScript (or the lack of it?)

Add Capacitor v5 support

Hi!
Could you please update your plugin to make it compatible with Capacitor v5?
Thanks in advance.

Not working with insets

I got the insets, but when I paste this to the scss file, I cant get any result for my page, how is it working? Any help please

Error when using with Next.js: HTMLElement is not defined

The same error reported here #10 for Nuxt happens in Next as well:

[0] ReferenceError: HTMLElement is not defined
[0]     at Object.<anonymous> (node_modules/@aashu-dubey/capacitor-statusbar-safe-area/dist/plugin.cjs.js:38:31)

Can you please help me, @Aashu-Dubey. :)

Swift warning on iOS 11

Hello,

I used this plugin on an Ionic app and my iOS build got a console warning upon calling SafeAreaController.injectCSSVariables() (see screenshot below). After a quick Google search, this seems like a problem with the Swift bindings for the plugin: any UI operations must be forced to run on the main thread with DispatchQueue.main.sync (or .async) - see this issue's answer for an example on how to fix it.

Just to make it clear, the issue doesn't seem to break my build (the CSS variables still work as intended), but it seems to slow down the app's process for a few secs while the error is being thrown.

Seems like a relatively simple fix, but I never touched Swift before so I thought it was better to discuss this before attempting a PR. Here are my package versions, in case it's useful:

• @ionic/angular: 6.4.2
• @capacitor/core: 4.7.0
• @angular/core: 15.1.0
• @aashu-dubey/capacitor-statusbar-safe-area: 1.1.0

Grats for the great plugin and thanks, it's really useful and I hope you get to fix this minor issue soon!

Capacitor V4 Support