My Flutter web app can't display svg files in Firefox.
The logo in my Flutter web app can't be displayed in the svg format. It works everywhere but Firefox.
Chosen solution
The Inspector shows that these SVG images have a height=0 attribute (hovering the src attribute shows 0 x 0). Setting a height via the Inspector makes the image appear, so it looks that something is wrong with the script that retrieves and displays the image.
There is also a logo.png requested, but that image is retrieved vian the wrong "assets/assets/images/" path. Web Console: Error while trying to load an asset: Failed to load asset at "assets/assets/images/logo.png" (404)
Read this answer in context 👍 1All Replies (3)
Do you want to provide a link to a page that illustrates the problem? If your web app isn't launched yet, you could set something up on CodePen or jsFiddle.
jscher2000 said
Do you want to provide a link to a page that illustrates the problem? If your web app isn't launched yet, you could set something up on CodePen or jsFiddle.
kirnis.com The logo should be at the top of the screen. There should be 2 now, because I was doing some testing, but on Mozilla nothing appears.
Chosen Solution
The Inspector shows that these SVG images have a height=0 attribute (hovering the src attribute shows 0 x 0). Setting a height via the Inspector makes the image appear, so it looks that something is wrong with the script that retrieves and displays the image.
There is also a logo.png requested, but that image is retrieved vian the wrong "assets/assets/images/" path. Web Console: Error while trying to load an asset: Failed to load asset at "assets/assets/images/logo.png" (404)