I recently came across this new qr-scanner plugin: https://github.com/bitpay/cordova-plugin-qrscanner. It looks very interesting because it allows you to add your own custom HTML/CSS overlay. However, I’m having a hard time getting it to work with Ionic.
When I start the scanner, it starts in the background (behind the app) and scans codes successfully. However, I cannot see the camera itself because the app is “on top of it”. Just to see if it’s working, I added the “background-color: transparent” style to all elements on the page using this method: http://stackoverflow.com/questions/9252839/simplest-way-to-remove-all-the-styles-in-a-page. Then I was able to see the camera, but obviously the app is unusable after that.
I tried to find the element(s) that need to be made transparent using the dev tools on chrome, but somehow I was unable to figure it out. So my question is: How do I make one page in my app completely transparent while keeping everything else working?
Thanks a lot for your help!