On the emulator or Device the camera starts, but is not visible, there is a white background on top

[alysterlendira]

Describe the bug
On the emulator or Device the camera starts, but is not visible, there is a white background on top

Screenshots

Version
Ionic v7
Vuejs 3

Smartphone (please complete the following information):

• Device: Samsung A51S
• OS: Android 13

Additional context
Add any other context about the problem here.

[JanMisker]

Did you make all DOM elements have a transparent background?

[muuvmuuv]

Same here, iOS and browser works

[alysterlendira]

the development team should add a css class when running the scan to add a z-index.
works fine in browser

[JanMisker]

The browser implementation is (very) different from the mobile devices so it's not a good comparision. On mobile the camera preview is behind the webview so make sure that all dom elements have transparent background, including html and body. Use chrome or safari inspector to connect to the device and traverse the dom tree.

[nmifzal]

The browser implementation is (very) different from the mobile devices so it's not a good comparision. On mobile the camera preview is behind the webview so make sure that all dom elements have transparent background, including html and body. Use chrome or safari inspector to connect to the device and traverse the dom tree.

Just added html, body { background-color: transparent !important; } and it works.