Altinn / Altinn/app-frontend-react

SVG files are not displayed on some browsers.

Open
#3,941 0 comments 0 reactions 0 assignees View on GitHub
squad/utforming status/for-consideration status/triage
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description of the bug

SVG files do not display when used in the picture component on some browsers.
It was first discovered on Safari, and has later been discovered when using large SVG files on other browsers too, namely chrome. The issues might not be related to each other.

### Steps To Reproduce

1. Create a new app in Altinn Studio
2. Add a picture component in "Utforming"
3. Add an `svg` file as the source, be it by url or file.
4. View the missing SVG in preview or publish to any enviorment and see the same result.

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the missing SVG in the picture component using both a URL and an uploaded file, then compare preview and published environments in Safari and Chrome. Done means SVG files, including large files, render correctly in the picture component across the affected browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.