199584 - RealOne Survey - improper use of :hover

Status: RESOLVED INVALID

(Tech Evangelism Graveyard :: English US, defect)

Description

[Mgz]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030327 Phoenix/0.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030327 Phoenix/0.5

encounter "dance" box in
http://www.expressresponse.com/cgi-bin/progsnp/real_fbk/srchjnnp?search_type=surveyreq&search_input=survey_1.html
when moving the mouse along the message box..

Reproducible: Always

Steps to Reproduce:
1.Go that web page
2.Moce mouse along the message box :/

Actual Results:  
the message box will "dance"   (small - big - big to small ....many times)

Expected Results:  
Mozilla shouldn't have "dance" box like this . I tested in IE and no "dance"
box, it's just an innocent form :P

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030327 Phoenix/0.5

Comment 1

[Faxmaster]

I can confirm using Win2k -- Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US;
rv:1.4a) Gecko/20030319 Phoenix/0.5.

Comment 2

[Kevin Wade]

Not exactly innocent.  The box style (swh) has :hover properties.  Why in the
heck is there a hover style?  And there's no 'normal' style for this class.  I
think it's switching between the base TD style font size of 13px and the
.swh:hover font size of 10px.  Shoot me if I'm wrong.

Comment 3

[Alun David Bestor]

This isn't a bug, it's correct behaviour. The textarea has been assigned a class
of .swh and as Kevin says there's a rule in
http://www.expressresponse.com/real_fbk/real.css setting font-size to 10px for
.swh:hover. I suspect this class was only meant to be applied to hyperlinks, not
to textareas. IE doesn't support :hover on textareas (only links) so the problem
doesn't show up in IE.

There's a good article at
http://devedge.netscape.com/viewsource/2003/arbitrary-hover/ explaining why
indiscriminately applying :hover styles without an element selector is often a
bad idea.

Comment 4

[Robert Parenton]

Attachment: Image showing area to mouseover

I have experienced this on another site as well, although not on a textbox.

To reproduce:
1. Go to http://www.secsports.com
2. Mouseover the area outlined in the attachment I included with this comment

Result:
Text "dances" like the textbox on the link provided in the original bug
submission.

Comment 5

[noririty]

CSS2 allows :hover to apply to all elements.

-> Tech Evangelism?

Comment 6

[Sébastien Delahaye]

-> TechEv

Comment 7

[djk]

I thought that bug 169078 was supposed to take care of things like this.

The page is indeed in quirks mode, but apparantly :hover still affects the
submit button and the textarea...

But the table cell which has the text "Let us know what you think about
RealOne..." also has the swh class and that text doesn't react to :hover.



Re comment 4: that's the link's :hover that's causing the jumping due to text
resizing on hover; I guess that behavior is supposed to happen.

Comment 8

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

In quirks mode :hover still applies to links (a, link, or area with href),
button, img, input, label, select, and textarea.

Comment 9

[djk]

OK, but I'd say then that the summary on bug 169078 '...ignored for
non-links...' is a tad inaccurate, and led be to believe there was a real bug here.

Now I know to expect that links and certain other elements are still affected by
:hover in quirks mode.

Comment 10

[Bob Clary [:bc] (inactive)]

tech evang june 2003 reorg

Comment 11

[Mike Taylor [:miketaylr]]

http://expressresponse.com/ is listed as for sale... we're a little late. :P