liamdebeasi
commented
5 years ago What's the issue that you are running into?
Closed rodrigojrmartinez closed 4 years ago
liamdebeasi
commented
5 years ago What's the issue that you are running into?
rodrigojrmartinez
commented
5 years ago What's the issue that you are running into?
Sorry liam, by mistake I created the issue before finishing describing it. Will update it
liamdebeasi
commented
5 years ago Are you able to provide the user agent string of the device you are testing this on? You can find it by logging navigator.userAgent in the Chrome Dev Tools when inspecting the app running on the device.
rodrigojrmartinez
commented
5 years ago Yes, sure. It's
Mozilla/5.0 (Linux; Android 6.0.1; SM-A310F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.73 Mobile Safari/537.36
liamdebeasi
commented
5 years ago Thanks for the follow up. Are you able to provide a repo with the code required to reproduce this issue? I tried an example using the sample you provided, but everything seems to be working fine.
proemke
commented
5 years ago @rodrigojrmartinez , can you change the title of this issue?
ionitron-bot[bot]
commented
4 years ago Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
Thank you for using Ionic!
Bug Report
Ionic version: [x] 4.x
Current behavior: On the app I'm building I need to fetch a picture through a rest service which is returned to me as a base64 image that needs to be shown over an image tag inside an ion-avatar.
This works just fine on several devices, both Android and iOs. Despite this I've noticed that on certain Android device the image doesn't work. There's a small frame of time where the image is shown but after that it disappears. There's no error on the console log when this happens
Expected behavior: The image should be shown properly
Steps to reproduce: The image is fetched from a rest service, the response is taken and just like it comes it passed onto a component variable which then is used in the components template
Related code:
The way I'm binding the base64 image to the image tag
`
`
A sample of a base64 image I'd like to show:
Other information: Searching for known problems regarding this, I've found that it could have something to do with a missing metadata on my index.html page that may prevent this to be shown due to content security policies. I've updated the metatag as follows but the result is still the same:
<meta http-equiv="Content-Security-Policy" content="img-src 'self' data:; default-src *; script-src 'self' https://codepush.azurewebsites.net 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />This is happening on an Android 6.0.1 Samsung SM-A310F device
Ionic info: