Chrome (Version 119.0.6045.124 (Official Build) (64-bit)) Scrollbar Color Bug

Transparent or semi-transparent children of a scrollable element affect the color behavior of the scrollbar. This should not happen.

Replication:
  1. Scroll the first scrollbar by holding down the mouse button.
  2. Observe how the scrollbar colors change. Everything works as expected.
  3. Scroll the second scrollbar by holding down the mouse button.
  4. Observe how the scrollbar colors change. The color of the scrollbar gets "stuck". This is a bug.
  5. Scroll the third scrollbar by holding down the mouse button.
  6. Observe how the scrollbar colors change. The color of the scrollbar gets "stuck". This is a bug.
The only difference between the scrollable elements is the background color (or transparency) of the children. This affect the color of the scrollbar, which is a bug. The issue can sometimes be fixed by specifying a background color, but this is not necessarily applicable to all cases.
background: red;
{no background styling}
background: rgba(0, 0, 0, 0.1)