Commit 2d433b74 authored by Sam Sebree's avatar Sam Sebree Committed by Chromium LUCI CQ

[Controls Refresh] Bug fix for invisible hovered <option> in

ForcedColors mode

This CL fixes an issue in which, when in ForcedColors mode, options in
the select multiple control would lose visibility upon hovering.

Bug: 1157173
Change-Id: Ia2f89e9a94cfac37b77fead8becbbdc37e7082a3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2614851
Commit-Queue: Sam Sebree <sasebree@microsoft.com>
Reviewed-by: default avatarMason Freed <masonfreed@chromium.org>
Cr-Commit-Position: refs/heads/master@{#841754}
parent 471ee728
......@@ -157,7 +157,7 @@
select:-internal-list-box:disabled option:hover {
background-color: Canvas !important;
-internal-forced-background-color: Canvas !important;
-internal-forced-color: GrayText !important;
color: GrayText !important;
}
/* option selected */
......
<!DOCTYPE html>
<meta name="color-scheme" content="light dark">
<script src="../../resources/common.js"></script>
<script src="../../../../resources/run-after-layout-and-paint.js"></script>
<body>
<select multiple disabled autofocus>
<optgroup label="unstyled">
<option selected>selected</option>
<option id="hoverTarget">unselected (hovered)</option
</optgroup>
</select>
<script>
runAfterLayoutAndPaint(function () {
let hoverTarget = document.getElementById('hoverTarget');
hoverOverElement(hoverTarget);
}, true);
</script>
</body>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment