Open QingAn opened 2 years ago
To further explain this use cases, some scenarios are added. https://github.com/WebView-CG/usage-and-challenges/issues/17#issue-1262873372
As discussed in 2022-07-6 meeting, we agree this is a valid use case. Next would be to collect the current practices and see whether it can inspire us on the solution.
Render WebView Components and Native Components in same layer
Submitter(s)
Qing An, Alibaba
Motivation
Hybrid Native/Webview App and MiniApp often use both WebView Components (text, label, button, image, etc.) and Native Components (such as video).
Unlike WebView Components, the Native Components are rendered by Native App instead of WebView. While Native Components can bring more features by complementing WebView Components, Native Components also bring issue for developers due to that Native rendering is independent of WebView rendering. Therefore, Native Component cannot be controlled by
z-index
property, and cannot overlap with WebView components, as illustrated below.But if the Native Components can be rendered in the same layer of WebView Component, AKA in the WebView Layer, developers can easily control the Native Components as well as the overlapping with other WebView Components, as illustrated below.
Stakeholders
Analysis
Currently, Native rendering is independent of WebView rendering. Therefore, Native Component cannot be controlled by
z-index
property, and cannot overlap with WebView components.Related W3C deliverables and/or work items
N/A
How is the issue solved in the Browser, and what’s more is needed?
N/A