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

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More
Open

Weird box outlines on my svg images on mobile

Firefox domin Android Web compatibility
jbr replied
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?
Hoton allon fuska da aka liƙa

All Replies (1)

jbr
jbr
  • Fitattun masu bayar da gudun mawa 10

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.

Yi tambaya

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.