Can not use input or form element inside slot item

[hugo-lovighi]

I ve got list of swapable items with individual form inside each element.

I can't focus on my input filed on mouse click, i had to use keyboard tab action to make it work.

I use React (Dynamic) with data-swapy-handle on the grid icon.

I try to add data-swapy-no-drag on my form component, globaly and individually, without success.

If you have an idea or a hint :)

Thank you for your great work

Screencast.from.12-12-2024.17.22.36.webm

[MagnusFischer]

I had the same issue. I got around it by attaching an onClick event listener to the input element and calling input.focus()

[TahaSh]

Thanks for reporting this. This should now be fixed in v1.0.1. Update and let me know if everything works right for you :)

Note: you don't need to use data-swapy-no-drag with this fix.

[MagnusFischer]

@TahaSh

I'm still experiencing this issue on the latest version.

[TahaSh]

@MagnusFischer I tried again and it works on my end. Could you please make sure that you have v1.0.1 (or v1.0.2) installed correctly? Try to remove the node_modules and reinstall—it might fix any caching issues.

[MagnusFischer]

@TahaSh

Aaah I see, it works now! Cheers! :-)

[hugo-lovighi]

THank you @TahaSh ! I close this issue