Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie
Otvorené

Weird box outlines on my svg images on mobile

Firefox pre Android Webová kompatibilita
jbr odpovedal
king_lel_HD
king_lel_HD

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?

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?
Priložené obrázky

Všetky odpovede (1)

jbr
jbr
  • 10 najlepších prispievateľov

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.

Položiť otázku

Ak chcete odpovedať na príspevky, musíte sa prihlásiť do svojho účtu. Ak ešte nemáte účet, položte novú otázku.