search

WandererXII / lishogi

☗ lishogi.org: the forever free, adless and open source shogi server forked from lichess.org ☗
https://lishogi.org
GNU Affero General Public License v3.0
261 stars 40 forks source link

Dragon piece visual bug with black and white piece set on Firefox #829

Closed travv0 closed 4 weeks ago

travv0 commented 2 months ago

Exact URL where the bug happened https://lishogi.org/training/zJNPX

Steps to reproduce the bug Use black and white piece set on Firefox and look at the above puzzle, or any other place you can see a dragon piece.

What did you expect to happen? The dragon piece looks like it's supposed to.

What happened instead? It looks like this: image

Operating system and browser version Windows 10, Firefox 126.0

gbtami commented 2 months ago

Rendered OK in Chrome. Maybe this is a Firefox SVG rendering issue? Idk. Ping @visualdenniss

visualdenniss commented 1 month ago

Strange issue indeed. Renders OK in both Chrome and Safari for me. But Firefox seems to experience a rendering issue with this SVG. I only provided the SVGs, which I created in Photoshop and I don't see any issues in the original files. Perhaps something to try to fix would be: Instead of embedding the SVG directly into the HTML using a data URI (if it was implemented this way), perhaps referencing an external SVG file could solve. Otherwise, no idea about possible fixes. Seems Firefox specific issue.

WandererXII commented 4 weeks ago

The issue seems to be caused by these high arc radiuses: a 15922629181314,15922629181314 0 0 1 -0.4,0.4. Converting it to line fixes it. Firefox rendering bug.