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

Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer
Open

Weird box outlines on my svg images on mobile

Firefox för Android Webbkompatibilitet
jbr besvarat
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?
Bifogade skärmdumpar

Alla svar (1)

jbr
jbr
  • De 10 bästa bidragare

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.

Ställ en fråga

Du måste logga in på ditt konto för att svara på inlägg. Vänligen starta en ny fråga om du inte har ett konto ännu.