Overscroll Behavior

A propriedade overscroll-behavior nasceu com um único propósito, evitar que o conteúdo atrás de uma modal seja scrolado quando for tentado scrollar na modal.

Isso evita que precisemos dar overflow hidden no conteúdo que fica atrás de uma modal o que simplifica nossos componentes.

.modal {
 overscroll-behavior-y: contain;
}