Input onBlur problem about react-indiana-drag-scroll HOT 16 CLOSED

@uragecz, this ref is exist only to contain the internal state. I can use useState hook but it will produce the redundant rerender. To make this workaround more beautiful (especially if you have more than one scroll container) you may wrap it in a hook.

I'm not going to close this issue in the near future. Problem is exist and there is only workaround to solve it.

from react-indiana-drag-scroll.

Hello, @uragecz! Could you provide the sandbox that reproduces the described problem? I can't reproduce it.

from react-indiana-drag-scroll.

@Norserium I am trying to reproduce it on sandbox.. howerver for now without success.. howerver in my code i tried to put everything away.. just to keep there input.. and same problem.. also wondering.. how you are able to click on it when input isn't in ignore element ?

from react-indiana-drag-scroll.

I have just this right now - https://ibb.co/7RCSG2g

from react-indiana-drag-scroll.

I've set the wrong version in that example. Now I reproduced this problem successfully.

from react-indiana-drag-scroll.

Ah, so workaround is to set older version.. can you tell me which one you had there.. ?

from react-indiana-drag-scroll.

No, it's not. Me need some time to investigate the real solution, because it's pretty tough situation. I should prevent default behavior on click at the draggable element, but when I prevent default behavior I prevent blur event also.

from react-indiana-drag-scroll.

Perhaps, it's needed preventDefault prop, that can be used to disable preventing default behavior for click/touches. But it's pretty straightforward solution.

from react-indiana-drag-scroll.

But for now it can work

from react-indiana-drag-scroll.

There are plenty of different bugs, that were eliminated in the next versions. To solve your problem right now, you may use the following temporary solution instead.

from react-indiana-drag-scroll.

any progress ?

from react-indiana-drag-scroll.

@ZempaiZemex, I didn't decided what solution I should implement. It seems that there is no the universal solution that would be suitable for all cases.

Currently you could use the temporary solution mentioned above.

from react-indiana-drag-scroll.

@Norserium This temporary solution is pretty bad... if input is inside some component somewhere deep.. you need to pass REF many times.. and this is unacceptable solution.. In other words this libarary for this case is unusable ..

from react-indiana-drag-scroll.

@uragecz, why you should pass ref many times? Could you show this case? The ref used in my example is not passed to any elements. I changed the example to use the nested component with input element, it works like a charm.

from react-indiana-drag-scroll.

@Norserium Sorry, my fault... i thought that your input ref is ref of those inputs inside scroll container.. but it's just ref of "nothing"... Soo it finally works. Ty for this workaround, you can close it if you want.

from react-indiana-drag-scroll.

@uragecz, this issue is resolved in 3.x.x (currently in the alpha test). But you steel may be need to add "input" to ignoreElements to prevent the selection issues (example).

from react-indiana-drag-scroll.