CSS - Как я могу получить выбранное поведение в диалоговом шоу Show Modal? ⇐ CSS

[Anonymous]

Параметры выбора могут пройти через диалоговую границу. Я попытался сделать то же самое, но Div, который я использую, не может пройти по границе диалога. < /P>

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

document.querySelector("dialog").showModal();< /code>
.button-select {
display: flex;
height: 20px;
width: 60px;
position: relative;
margin-top: 5px;
}

.button-select>span {
flex: auto;
}

.button-select:focus {
:last-child {
display: block;
}
}

.button-select-con {
border: 1 solid #fff;
color: #fff;
background-color: blue;
display: none;
position: absolute;
width: 100%;
right: 0px;
top: 98%;
}

.button-select-con>div {
margin: 5px;
}

body,
dialog {
background-color: #000;
color: #fff;
}< /code>


item1
item2
item3
item4
item5
item6




v

item1
item2
item3
item4
item5
item6

Я попробовал z-index , но это не сработало. Попвер - это новая функция. Старые устройства могут никогда не получить это обновление.
код на jsfiddle

Подробнее здесь: https://stackoverflow.com/questions/796 ... show-modal