Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Can't click input element
See original GitHub issueTry to click an <input> field nested inside a <Draggable> element. It doesn’t focus (and can’t type inside)
Demo case: https://codesandbox.io/s/302nwz7p3m
Only happens in Chrome, it works perfectly in Firefox.
Do you know any work-around for this issue?
Issue Analytics
- State:
- Created 6 years ago
- Comments:9
Top Results From Across the Web
Can't click on input, textarea and button of form - Stack Overflow
I can't click on elements of my form (textarea, input and button). I checked if there is any overlapping element by the Chrome...
Read more >Can't click into input form fields - CSS-Tricks
Hello: I'm trying to diagnose a problem with some <input> fields when viewing this webpage on an iPhone (iOS 8) or a small...
Read more >I can't click on my input elements?!?!? - jQuery Forum
Hi guys: On this webpage: http://dergebauer.test6002.info/admin/edit.php I cannot click on the input fields in the middle? (is it just me?)
Read more >Input field mouse click not working properly on tabs
There is a bug on the input fields when they are on a tab. Input fields on another tab then the default tab...
Read more >Can't click on Input fields. - Unity Answers
I click on the input field, and nothing happens. I can't input anything, or delete stuff. The cursor thing doesn't even appear.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Run into this issue as well. Any workaround for this one yet?
Edit: Seems to work OK with IE11 as well, but not with chrome.
Edit2: Managed to workaround this with cancel selector. From the docs:
// Specifies a selector to be used to prevent drag initialization. // Example: ‘.body’ cancel: string,
@eriihine It works great!. Demo case with issue resolved https://codesandbox.io/s/1qv0qk8693
Also, now the text can be selected with the mouse (before, even in Firefox instead of selecting the text, was dragging the container)