Text-shadow slow on hover in long lists

[mahks]

Found some inconsistent behaviour with text-shadow in :hover

Seems there is a delay in some situations.
I narrowed it down to when a div contains many children, this somehow affects a hover within one of those children.

Found this in bugzilla :
https://bugzilla.mozilla.org/show_bug.cgi?id=552499
but is several years old and got no confirmation.

I will post this to that bug report, unless someone here can find an error I have made.

Demo of issue :

http://www.starlords3k.com/tests/hover_test.html

[mahks]

Please, could someone confirm they see the slow hover effect.
Or even state they do not see it... Thanks

[patrickjdempsey]

Yup, it does appear slowly on that test page. Text-shadow is just one of those weird things. You might consider adding your test case to that bug, although I would remove all of the extra stuff like buttons, scripts, shading etc. Just make it as simple as possible to illustrate the problem. You might also offer a shorter list that does not show the lag as a comparison.

[BruceAWittmeier]

I don't see the problem any more. When you first posted, it was quite obvious. It now seems to be gone. I'm using Fx 37.0a1 Nightly.

[mahks]

Thanks! I just loaded Nightly 37.0a1 and still see the problem ...

Posted as as bug :

https://bugzilla.mozilla.org/show_bug.cgi?id=1109980

[BruceAWittmeier]

What I just noticed is moving the mouse up/down off the text area it seems to work OK. If you mouse-over the text it's like rowing in tar.

I don't see where your shadow is suppose to be applied.

[patrickjdempsey]

His test-case is too complicated. You have to press the buttons along the top to get the shadows to appear, and the styling of the buttons makes it difficult to tell how to make them work. Which is exactly why I suggested a more simplified test without all of that. But whatever.

[mahks]

I don't see where your shadow is suppose to be applied.

On first entry, there is no shadow so you can see all works fine.
When you click the "shadow on" button, A shadow is set to the :hover for the row text. This is where the problem is, if you mouse over the text quickly.

If you then click the "short list" button the issue goes away, indicating the problem may be with having many siblings.

Sorry about the buttons, when the button is lighter it is "on".