True translucent standalone mode is required, see safe areas as a reference

[antonioberetini]

As product manager when using hybrid approach to developing apps using ionic framework I do not want users to have access to browser extensions. The whole purpose of hybrid apps is to allow developers to build cross platform web apps that look and feel native. Having this option forced on me I still see no use of this and would still resort back to Cordova Ionic framework or Capacitor which use a true web view mode.

I would consider this being a viable solution if controls for minimize, maximize and close are true overlays and colors behind them are fully controlled by the application not the browsers. On iOS for instance standalone mode overlays status bar over the application itself allowing full control over the canvas while still persisting operating system logic.

Consider looking into css safe areas and replicate what’s out there already. That’s a very streamlined solution which allows for full control over the experience while still persisting OS control over application overlays in a translucent way.

https://developer.mozilla.org/en-US/docs/Web/CSS/env()#:~:text=The%20safe-area-inset-%2A%20variables%20are%20four%20environment%20variables%20that,off%20by%20the%20shape%20of%20a%20non%E2%80%91rectangular%20display.

[ghost]

Related Proposal in whatwg/html: Native, customizable window controls tags (#6549)