Chrome 56 doesn't apply :hover styling when over a scrollbar?

[Dileep Madusanka]

I've just updated from v55 to 56, and it appears hovering over the scrollbar of an element with overflow:auto no longer applies :hover styling.

I'm not sure whether this is on purpose, or how long it would take to fix if it isn't, but does anyone know of a workaround one could use in the meanwhile?

This is for a system I've been developing, which is unfortunately not publicly accessible. I'll try to describe what it is I'm doing:

It's a right-click context menu, with a submenu that has a maximum height. The format is more or less:

<div class="menuItem">

    More Options

    <div class="submenuItems">

        <div class="menuItem">Item 1</div>

        <div class="menuItem">Item 2</div>

        <div class="menuItem">Item 3</div>

    </div>

</div>

The class submenuItems is only visible when hovering over menuItem:

.submenuItems {

    display: none;

    max-height: 200px;

    overflow-y: auto;

}

.menuItem:hover .submenuItems {

    display: block;

}

Note that it has a maximum height, so when we have too many items inside it, a scroll bar appears.

Up until now, this worked fine - we could scroll freely. However, after updating from 55 to 56, the moment we move the mouse onto the scrollbar the div disappears. It's happened on 3 separate computers so far, and always when Chrome was updated to 56.

[Mike Frysinger]

browser questions should be directed to browser groups -- this group focuses on the OS.  that said, for questions like this, you probably want to post to Stack Overflow.  some Chromium developers watch that.

-mike

--
--
Chromium OS discuss mailing list: chromium-os-discuss@chromium.org
View archives, change email options, or unsubscribe:
http://groups.google.com/a/chromium.org/group/chromium-os-discuss?hl=en