svelte-dnd-action icon indicating copy to clipboard operation
svelte-dnd-action copied to clipboard

`contenteditable="true"` not working inside `dndzone` with Safari

Open SarcevicAntonio opened this issue 2 years ago • 2 comments

In Safari, contenteditable="true" is broken when used on an element nested in an element using dndzone.

I have a minimal repro REPL for you: https://svelte.dev/repl/4fc7a33039d54ca3a4d5cc59ad7bb6fc?version=3.49.0 (Safari only)

SarcevicAntonio avatar Jul 12 '22 15:07 SarcevicAntonio

Add this style to "fix" the issue

[contenteditable] {
    -webkit-user-select: text;
}

I think it is a Safari issue rather than the lib but not 100% sure at this point in time.

isaacHagoel avatar Jul 13 '22 00:07 isaacHagoel

Add this style to "fix" the issue

[contenteditable] {
    -webkit-user-select: text;
}

Thanks a bunch for the hot fix! Works like a charm.

SarcevicAntonio avatar Jul 13 '22 07:07 SarcevicAntonio