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.

Cannot disable fastclick on a particular element

See original GitHub issue

Need the possibility of disabling fastclick on a specific element.

My particular case was an input type file that is hidden, but the label is used as a button to activate it.

e.g.


<label htmlFor="addFileInput" >
  <i className="icon-add-1" />
</label>
<input className="hidden" id="addFileInput" type="file" accept="image/*" onChange={this.handleUploadFile} ref={ref => { this.fileInput = ref; }} />

pull request coming…

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:10 (2 by maintainers)

Top GitHub Comments

1reaction

simonrobbcommented, Oct 18, 2017

I’m having the same trouble.

Some browsers prevent file inputs from being triggered by client code as a security measure. Try triggering a click event in the console using document.querySelector('input[type=file]').click() and it’ll work, do the same from your code and it will mysteriously fail.

When the library proxies a touch event to the native label onclick functionality, client code is triggering the file input opening and so it’s being blocked by the browser.

0reactions

shane-xicommented, Mar 18, 2019

我后来也是干掉了react-fastclick，直接用的fastclick解决的 @zongzi531