Элемент HTML `dialog`: прокручивает содержимое независимо от фона. ⇐ CSS

[Anonymous]

Я пытаюсь использовать элемент диалога.

Когда диалоговое окно/модальное окно закрыто, тело должно быть прокручиваемым.
Когда диалоговое/модальное окно открыто и имеет большое содержимое, диалоговое/модальное окно должно быть прокручиваемым.

Однако, когда диалог/модальное окно открыто, я не хочу, чтобы прокрутка применялась как к диалоговому/модальному и фон тела, что, по-видимому, и происходит по умолчанию.

Пример: https://output.jsbin.com/mutudop /3.

Как заставить прокрутку применяться только к содержимому диалогового/модального окна, когда диалоговое/модальное окно открыто?

Примечание. Меня интересуют только решения, использующие собственный диалог элемент.

Подробнее здесь: https://stackoverflow.com/questions/559 ... background