Overview

Moving highlight

One background that slides to the row under the pointer, the focus or the selection.

Get started

Point at a row or press Tab. Click to select one.

Principles

  • Measure the real rows. The background takes its size and place from the row itself, also inside scaled containers.

  • Let the keyboard lead. Focus moves the background like the pointer does, and keyboard focus wins while it is active.

  • Keep selection apart. In selected mode it stays on the selected row, and a second highlight on the same root can follow the pointer.

  • Follow layout changes. Resizes and content changes move it to the row's new place.

  • Slide near, fade far. Nearby rows slide in 150 ms, distant ones fade out and back in, and reduced motion snaps.

  • Skip disabled rows. Disabled and hidden rows never take the highlight.