captivationsoftware/react-sticky

Blurry font in MS Edge

Closed this issue · 2 comments

If you check how sticky component looks like in Microsoft Edge browser, you will see that font in this component becomes blurry. This is because transform: translateZ(0) is there. If I disable this property, font becomes sharp.

And this happens only when the container of sticky element has some dynamic position,
e.g. width: 50%; margin: auto;

What it the status of this issue? Won't fix or fixed or something else?

I suspect you could just tweak some css and get around the issue yourself. If you want to take a stab at a PR to fix it, go ahead.