inner compass
I have my application build on React.
There is one particular component, where a lot of data is compiled and displayed. It is text only.
when i scroll the page while holding the drag. text becomes blurry. This is only for this component.
Not the whole site. my side is fine.
Sometime text becomes bold.
I have attached a sample screenshot.
mortal scaffold
ojeez that is very Not Good
it kinda looks like the text is being duplicated
but, it also looks like driver issues
do you get the same problem on other browsers?
inner compass
it is experienced by different peoples. And it is tested on Edge and Chrome. Reproducible on both.
The data is dynamic and is being displayed with each having a unique key.
I have used map to display the data.
mortal scaffold
very odd...
i mean normally if you're not doing anything weird like using dom functions instead of jsx, this shouldn't happen...
... and realistically this shouldn't happen at all unless someone's doing position: fixed or position: absolute for the main div or something
inner compass
yes, when page loads it displays fine. only on scroll. And not always.
inner compass
yes
inner compass
yes.
mortal scaffold
?!!!
inner compass
page has been loaded then.
mortal scaffold
aside from some weird css filters or animations i can't really think of anything that might cause this without using js
inner compass
css was an issue previously. some dev added duplicate css. i cleared all that.
In this you can see some data is displayed correctly. The Reset button text is also fine.
mortal scaffold
o_o
yeah idk i'd probably just inspect element the stuff that doesn't display correctly
and see if there's anything funky in the css that isn't in the css for the heading
inner compass
when i press inspect.. or like any key it turns to normal.
will go by css route now. it only seems might be issue.
inner compass
Resolved
mortal scaffold
!resolved