Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Niclas Valentiner
Niclas Valentiner
8,947 Points

Teamtreehouse.com misaligned SVG circles

I actually made a topic on this before but it's still bothering me and I haven't found a solution yet despite refreshing Firefox (reverts to base settings and removes addons).

I took 2 screenshots of one of these misaligned SVG circles with the DOM open. The first as it shows up for me and the second where I changed a property value to fix the positioning.

Misaligned picture: Misaligned SVG

Aligned: Aligned SVG

As you can see, it affects the green progress circle around the arrow. It also affects the progress circle in the div it opens on the current course.

The interesting thing is that I 'fixed' it by inverting the "cx" property value.

Is this just my browser or is TeamTreeHouse having something funky going on with their site?

Niclas Valentiner
Niclas Valentiner
8,947 Points

I noticed something just now when I finished a video. The video progress circle (the one I changed the cx value of in the above images) actually jumped down to where it was supposed to be after the video finished instead of staying where it was. Strange property update right there!

After updating the page and running the video again nothing happened. Curious little bug!

Niclas Valentiner
Niclas Valentiner
8,947 Points

Quick update through tech support: They know about this and are working on it. So that's good.