Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Progress bar not rendering correctly in IE 11

See original GitHub issue

Summary of issue

When rendering a CircularProgressbarWithChildren in IE11 and Edge the progress is not filled in correctly until you hover and update the component.
I’m not entirely sure what is causing this but here is what the code is for the piechart

<div style={{ width: "96px", padding: "0", margin: "0" }}>
          <CircularProgressbarWithChildren
            backgroundPadding={0}
            circleRatio={1}
            value={percentage}
            strokeWidth={10}
            styles={buildStyles({
              pathColor: colors.secAction
            })}
          />
        </div>

note This gif is taken from a VM questionnaire card render glitch

Your environment

This only happens in IE 11 and Edge.

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

kevinsqicommented, Aug 7, 2019

Yeah… this is unfortunate, but if it’s a bug in IE, I’m not optimistic that there’s going to be a great workaround. I can take a closer look soon but I’m not sure I’ll be able to find anything.

0reactions

kevinsqicommented, Jun 27, 2022

Closing this due to IE11 being sunsetted.