A span element moves 1 pixel as I scroll the page
When the page loads sometimes the containing an moves 1 pixel up. As I scroll the page to the top or bottom it fixes itself. Firebug says the position never moves.
It seems to be related to loading custom fonts. If I remove the @font-face no issue.
I can see the loads in the right place before the fonts are processed, then it moves the 1 pixel [usually] until I scroll the page to the top or bottom.
FF 16 seems to be okay. I've seen it in v18 & v19.
All Replies (4)
I don't see this with firefox 22 nightly. can you try Firefox 19.0.2 and a new profile? Profile Manager - Create, remove or switch Firefox profiles
Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
- Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
The safe mode didn't help with either 18 or 19.
It seems that it did change the beaviour a bit. In safe mode it only seems to happen when the page loads while that portion of the page is visible.
If the page is scrolled to a position where it is not visible it seems to load okay.
Normal mode it always (possibly almost always) has the 1 pixel problem.
I created a new profile - same thing. And I am using 19.0.2 for my v19 testing.