overscroll-behavior stops scrolling transfer

Useful to know

overscroll-behavior manages what happens on the border of a scrolling area. The contain value interrupts the transfer of scrolling to adjacent areas, while none also limits standard boundary effects. [1]

For a results panel, the example is .results { overflow: auto; overscroll-behavior: contain; }. The reader reaches the end of the list without the same gesture automatically moving the page. The property does not create scrolling by itself and does not replace panel sizes. Try both touch and mouse, because the visible boundary effects depend on the platform.