Child input not focusing on touch events

[dunckr]

Thanks for making this library it has been really helpful for us.

We have found an issue with child input events not focusing on touch events. To reproduce:

• Add an input element as child of Draggable

<Draggable zIndex={100} {...drags}>
   <input type="text" placeholder="I cannot be focused" />
</Draggable>

• Turn on mobile mode/spoof touch events
• Click on the input
• Input never receives focus

Example here on the top right

It is a problem with the ghost click hack on onMouseDown. This prevents the event from propagating to the input. As this is to fix another issue I'm not too what is the best way to handle it.

We are overriding the onMouseDown function using the reference to Draggable in our componentDidMount and ignoring the ghost click hack.

Thanks

[xrado]

+1

[STRML]

Gave up on ghost click handling entirely - too many gotchas, too many weird mobile browsers.

[berkaytheunicorn]

Did you ever fixed the issue or found a workaround? @STRML

[STRML]

I believe we removed the ghost click handling. Is this still an issue for
you on the latest version?

On Sep 9, 2016 8:20 AM, "Berkay Sargın" [email protected] wrote:

Did you ever fixed the issue or found a workaround? @STRML
https://github.com/STRML

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#116 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABJFP1Q8pW9bDpAr2bOksUZ6rbhctgyUks5qoV0IgaJpZM4GsOSf
.

[berkaytheunicorn]

not tested yet I will test and get back to you. ;) thanks

[adtm]

Has it been solved? Because I still encounter this problem with not selecting the input

[sag1v]

this is still an open issue, you can't focus inputs nested inside Draggable (not only on TouchEvents)

[dcorb]

Solved with the "cancel" prop? #314