Почему кнопка с использованием «Focus-within» не работает на iOS ⇐ Html

[Anonymous]

Мне нужна скрытая кнопка удаления, чтобы появиться и работать, когда ввод фокусируется с использованием разметки и CSS в Svelte. Нажмите здесь, чтобы увидеть его. Ничего не происходит, когда кнопка «Удалить» нажимается.

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

{#if $todos}
{#each $todos as { data }, i}

🗑


{/each}
{/if}

< /code>
... и вот стиль ... < /p>

form,
div {
display: flex;
flex-wrap: wrap;
}

input {
border-style: none;
font-size: 2vh;
}

input:focus {
border-style: solid;
}

button {
visibility: hidden;
font-size: 2vh;
}

#todo:focus-within button {
visibility: visible;
}

< /code>


form,
div {
display: flex;
}

form {
width: 100vw;
}

input {
border-style: none;
}

input:focus {
border-style: solid;
}

button {
visibility: hidden;
}

#todo1:focus-within button {
visibility: visible;
}

#todo2:focus-within button {
visibility: visible;
}

#todo3:focus-within button {
visibility: visible;
}< /code>





Svelte + Node.js API



To Do


🗑


🗑


🗑

Подробнее здесь: https://stackoverflow.com/questions/675 ... ing-on-ios