302556 - CSS first-letter is removed after clicking and holding on a link

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Matthew Purland]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2

For CSS first-letter, the first-letter font-weight of bold is removed after you
click and and holding on a link and drag.  This is not conforming to the W3C
standard.  The correct behavior is observed in IE6.  Also, after you apply a
background-color to an outer element of that CSS first-letter, the first-letter
property is removed.

The CSS for the problem is:
body {
    font-size: 14pt;
    font-family: monospace;
    background: url(background_compass.gif) no-repeat fixed;
}

a, a:link, a:visited {
    color: black;
    text-decoration: none;
}

div#link {
    margin-right: auto;
    margin-left: auto;
    margin-top: 4px;
    padding: 4px;
    width: 200px;
    border: 1px black;
    border-style: none dashed none dashed;
    text-align: left;
}

div#link::first-letter {
    font-weight: bold;
}
div#link:hover {
/*when hovering, it will remove the CSS first-letter property*/
background-color: yellowgreen;
}

Reproducible: Always

Steps to Reproduce:
1.  Apply the detailed CSS.  Apply a font-weight to a first-letter property of
an element.
2.  (Remove the hover property) Hold and click and drag the element, so the link
is not clicked.  OR:  Apply the detailed hover property above and just hover
over a <div id="link"> element with an <a> inside

Actual Results:  
With the CSS div#link:hover in place, the font-weight: bold; on
div#link::first-letter is removed.  

With hover not in place, you click, and drag the link, and drag somewhere else
on the page, and the font-weight of bold is removed from the element.

Expected Results:  
According to the W3C standard, the font-weight for the ::first-letter property
should still be applied even after a hover, or a mouse drag.

Comment 1

[Steve England [:stevee]]

Reporter, do you see this issue with Firefox 1.5 alpha?
http://www.mozilla.org/projects/deerpark/releases/alpha2.html
Note: Use a _new_ profile for testing this release.

Comment 2

[José Jeria]

Please attach a testcase showing this issue:
https://bugzilla.mozilla.org/attachment.cgi?bugid=302556&action=enter

Comment 3

[Matthew Purland]

Attachment: Contains index.php which contains the HTML, index.css which contains the CSS for the file, and the gif file that was described in the CSS file

This rar archive contains index.php, index.css, and background_compass.gif. 
The PHP version that I am using is PHP 4.4.  But that doesn't matter.  Just
remove the php declaration in index.php, and rename to index.htm and that
should make it work without the PHP.

Comment 4

[Nickolay_Ponomarev]

WFM Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b5) Gecko/20051015
Firefox/1.4.1 (hovering, dragging, etc)

If it still doesn't work for you with 1.5 beta, please reopen the bug.