QImg crops image with SVG images on Safari Desktop

[DouglasCalora]

What happened?

Using SVG as images without specifying the "initial-ratio" parameter can cause image cuts when it is first loaded in Safari. Sometimes, the image is displayed correctly after reloading the page (with the F5 key), but in some cases, the cut reappears. This behavior is unique to Safari, while in Chrome, for example, images work normally.

To avoid this problem, it was possible to solve it by passing an invalid "initial-ratio" parameter, such as "initial-rate="none". This way, the bug does not occur in Safari, and the image is displayed correctly.

First load in safari:

After refresh in safari:

First / refresh in Chrome

What did you expect to happen?

Same behaviour as chrome

Reproduction URL

https://codepen.io/DouglasCalora/pen/KKxLXyv

How to reproduce?

1 - Enter first time in safari
2 - refresh page
3 - test in chrome

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

Safari

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[pdanpdan]

Shouldn't this be opened on safari?

[DouglasCalora]

Shouldn't this be opened on safari?

I did not understand your question