Weird box outlines on my svg images on mobile
I am a web developer and I noticed that my svg's have a weird box outline around them when I use the mobile version of firefox. On my desktop everything looks fine and other mobile browsers also don't have these outlines. I think it could have something to do with the animation I put on them as I haven't encountered this issue with just static svg icons for example. Here is my simplified css code for the animation: @keyframes swing {
0% {
rotate: var(--_from);
}
50% {
rotate: var(--_to);
}
100% {
rotate: var(--_from);
}
} svg {
--_from: -8deg; --_to: -18deg; animation: swing 8s infinite;
}
Also I was asked to choose a topic for this question and none of them realy fit. Is there maybe a different place were I should rather report this problem?
所有回覆 (1)
Ideally you'd add the original SVG that's giving you the weird results to a minimal reproducible example (incl. e.g. a codepen/jsfiddle demo) and file a bug with that info, so it can be verified and triaged to get in front of the right people.
More info in File a bug report or feature request for Mozilla products where and how to file bugs.