168062 - :hover styles persist (document.write()-triggered {ib} ?)

Status: VERIFIED FIXED

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Craig Reynolds]

On http://newsseer.com/ you should see two columns of links (or as of
today you do, NewsSeer keeps tweaking their page layout):

When I move my mouse over the right-hand column, ALL of the links get
highlighted with a blue underline.  When I move off the right-hand
column these highlights disappear.

When I move my mouse over the left-hand column, individual links get
highlighted with a blue underline which is STICKY: when I move off the
left-hand column these highlights stay "on".  Doing a Refresh on the
page clears the sticky highlights.

Despite the highlight weirdness, the individual links work fine.

I first noticed this when I installed Mozilla 1.1 today.  In Mozilla
1.0, as I assume was the intent, each link is INDIVIDUALLY highlighted
with a NON-STICKY blue underline.

Comment 1

[Bill Mason]

The entire right column is wrapped in a <span class="a"> which calls for
underlines on hover.  So when you hover anywhere in the right column, the right
column gets underlined.

I'm not sure about the other column, but it's probably something to do with all
the span tags wrapping around the document.  The code incorrectly assumes that
:hover only works on <A> tags, when it can work on any tag.

You didn't see this in Moz 1.0 because 1.0 didn't treat :hover correctly.

Once someone sorts out what's up in the left column, this bug should be marked
invalid since the whole problem is coming from the page's own poor CSS.
->Style System

Comment 2

[Hixie (not reading bugmail)]

Woah. Yeah, there are some seriously strange issues going on here.

We need to minimise the testcase.

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Attachment: simplified testcase for persistence of underline

The problem on the left is also related to the span with class a.

Comment 4

[Boris Zbarsky [:bzbarsky]]

In my debug build, I see the following behavior on that testcase:

1)  Hover "Mozilla".  It's underlined.  Pull mouse straight down to unhover it.
    It loses the underline. This almost certainly works due to the patch in bug
    146409 in my tree
2)  Hover "Mozilla". Underlined.  Pull mouse up off the word, to the right past
    it, and down around it, without hovering it again.  It stays underlined.
    For this part, I suspect the problem is that the patch in bug 146409 does
    not affect style resolution on the block inside the inline.

Comment 5

[Hixie (not reading bugmail)]

My version of the testcase (I ended up with something quite similar to David,
although independently):
   http://www.damowmow.com/playground/bugs/168062/001.html

Looks like an {ib} problem triggered by document.write() ?

Comment 6

[Boris Zbarsky [:bzbarsky]]

Ah, yes.  This is the "{ib} does not handle ContentAppended/ContentInserted
well" issue... do we have a bug on that?

Comment 7

[Craig Reynolds]

FYI: earlier in this thread there was criticism of some HTML design of
http://newsseer.com/ which I forwarded to the folks at NewsSeer via
their Feedback link.  Now I no longer see the :hover stickiness, nor
"group highlight".  I assume NewsSeer fixed the page design problem
which provoked the symptom Mozilla 1.1 (and if so, thanks to them).

As already suggested, use the testcases not the originally reported URL.

Comment 8

[Madhur Bhatia]

Attachment: an extension to Ian's testcase

for me, David's testcase is working fine, but Ian's testcase shows the problem.


I have made a little extension to Ian's testcase 

1) 1st DIV has "display : inline"
   2nd DIV has "dispaly : block" and contains a Javascript
   3rd DIV has "display : inline"
   all the 3 DIVs contained within a DIV with "display : inline"
what I see:
   the 1st DIV discontinues the style when hovered away 
   the 3rd DIV mantians the Style when hovered away

2) 1st DIV has no display style set
   2nd DIV has "dispaly : block" and contains a Javascript
   3rd DIV has "display : inline"
   all the 3 DIVs contained within a DIV with "display : inline"
what I see:
   the 1st and 3rd DIV mantians the Style when hovered away 

3) 1st DIV has no "display" style
   2nd DIV has "dispaly : block" and contains a Javascript
   3rd DIV has no "display" style
   all the 3 DIVs contained within a DIV has  no "display" style, as well
what I see:
   the 1st and 3rd DIV discontinues the style when hovered away

Comment 9

[Madhur Bhatia]

i tested this on win2000 with trunk build : 2002-09-12-08-trunk

Comment 10

[Madhur Bhatia]

This is still an issue in trunk build 2002-09-24.

Comment 11

[Boris Zbarsky [:bzbarsky]]

Well, I was wrong about ContentAppended, looks like.  Ian's testcase is fixed by
the change I propose in bug 146409, comment 26.  

Comment 12

[Boris Zbarsky [:bzbarsky]]

fixed by checkin for bug 146409

Comment 13

[Madhur Bhatia]

verified fixed on winXP trunk build 2003-02-24-04