overflow: auto; Flickers when there are some li:hover

RESOLVED WORKSFORME

Status

()

Firefox
General
RESOLVED WORKSFORME
14 years ago
14 years ago

People

(Reporter: Claudio Cicali, Assigned: Blake Ross)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

14 years ago
User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1

As you can see in the example, I used overflow: auto; for a <pre
class="source> and a li:hover that changes the way LI element are displayed.
This combination seems to create a weird and ugly "flickering effect" with the
PRE element when you :hover the LI elements (those in the box on the right).

Reproducible: Always

Steps to Reproduce:
1. over the mouse pointer over the list item in the right boxes
2.
3.
(Reporter)

Comment 1

14 years ago
Noticed that there's also floating element involved. You can get the flickering
effect also hovering the "About this site" link (upper right). That is a A
element  right floated.
(Reporter)

Comment 2

14 years ago
Ok, I leave the "problem" only on the "About this site" for your test purposes.
Commenting out the "list-style-type: circle" on the li:hover makes my site
flicker... less (not on the over of the list in the boxes, at least) :)

Comment 3

14 years ago
WFM: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050317
Firefox/1.0+

Please test with trunk builds when testing layout issues.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 14 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.