1530711 - Shift+hovering over box-model values quickly causes causes the highlighted property to persist flashing

Status: NEW

(DevTools :: Inspector: Rules, defect, P2)

Description

[Micah [:mtigley] (she/her)]

STR:

1. Quickly shift-hover between box-model values.
2. Re-size the window.

ER:

• The previously highlighted properties should not temporarily flash when the window is resized.

AR:

• The previously highlighted properties (sometimes more than one at a time) temporarily flash when the window is resized.

Shift+hovering over a box-model value scrolls to its associated rule in the Rules view and temporarily flashes it. When we flash the property, we clear a setTimeout that is called to remove the class selector ".flash-out" to prevent the property from flashing again when the view is resized.

So, when the user quickly shift+hovers between different box-model values, the setTimeout is cleared before we can even remove the ".flash-out" class and causes the highlighted property to continue to temporarily flash when the view is resized.