DEV Community

Discussion on: Creating a fun, fast, secure and sustainable website

Collapse
 
roneo profile image
Roneo.org • Edited

Really neat!
The circle in the center seems to be broken for me.
Screenshot: dev-to-uploads.s3.amazonaws.com/up...

My setup: Firefox 86.0.1 running on a Debian 10

Collapse
 
madsstoumann profile image
Mads Stoumann • Edited

Thanks! I'm fully aware of the Firefox bug - and, believe me, I've really tried to fix it! The navigation is using <textPath>-elements for shaping the text on circles, and <use> the same circle for all the rings. For some reason, the inner <use>-circle and textPath does not render properly in Firefox. I've tried to create a custom <circle> for this circle only and a lot of other stuff, but that didn't help either.