Angular svg viewBox issue leading to svg content sometimes being read and sometimes not.
Steps to reproduce:
- Install the requirements:
npm i. - Start the development server:
ng serve. - Go to: http://localhost:4200/home.
- Refresh (aka reload) the page a couple of times.
Sometimes it will show a circle (zoomed in via viewBox). And sometimes it will show nothing as the svg did not "load".
This can also be seen in the console.
If it worked it outputs something like: SVGRect {x: 50, y: 25, width: 100, height: 100}
If it did not load it will instead show: SVGRect {x: 0, y: 0, width: 0, height: 0}
These are the two possible results...
Worked:
Failed:
