Как сделать кнопку «Закрыть», оставайся в верхней части правого правого на собственном <диалога> (липкий/фиксированный н ⇐ CSS

[Anonymous]

На изображении ниже вы можете видеть, как кнопка «Красная закрытие» прокручивается из поля зрения (всегда должна оставаться в верхней справа).
Я не думал, что нет проблем, я исправлю его с позицией: Исправлен ... тогда он позиционируется по сравнению с телом, ОК, как насчет позиции: Sticky , также не сработал. Похоже, что только абсолютная позиция работает в диалоге, так странно. class = "Snippet-Code-JS Lang-JS PrettyPrint-Override">

Код: Выделить всё

LOREM.innerText = "Lorem Ipsum my latin is not so great. ".repeat(400);
DIALOG.showModal();< /code>
#DIALOG {
position: relative;
overflow-y: auto;
max-height: 80vh;
max-width: 80vw;
}

#CLOSE {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
background-color: red;
}< /code>

X

Обновление: Сделайте диалог модального типа

Подробнее здесь: https://stackoverflow.com/questions/779 ... ixed-not-w