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

Avatar for Username

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות האפשרות ״דיווח על שימוש לרעה״.

מידע נוסף
פתוחה

Weird box outlines on my svg images on mobile

Firefox עבור 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?
צילומי מסך מצורפים

כל התגובות (1)

jbr
jbr
  • 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.

פרסום שאלה

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