CODEWITHSUNDEEP
htmlcssgoogle-chrome
Jonathan
Jonathan

Reputation: 2073

clicked hover bug (chrome)

When applying :hover-attributes, and clicking (hold left mouse button) on a cell while moving the cursor over the other rows, only the first clicked row gets highlighted on hover:

jsfiddle

table {
    border-collapse: collapse;
}
td {
    width: 40px;
    height: 10px;
    border: 1px solid #999;
}
tr:hover {
    background-color: #d7d7d7;
}
<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

In other major browsers (IE, FF) it will highlight all other rows as expected.

Is this a chrome bug? Or feature? How to get all 3 major browsers behave the same?

If you get a cross-cursor when trying to reproduce, try again several times.

Upvotes: 0

Views: 450

Answers (1)

leroydev
leroydev

Reputation: 2955

This is a bug I believe. Is there a use case in which you would need :hover to be triggered in this situation?

Upvotes: 1

Related Questions