Lightrun
question-mark
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.

Pass current value in `onBlur` event

See original GitHub issue

As discussed in erikras/redux-form#82

When you listen to the onBlur event on input fields, e.target.value will contain the value of the input which can be useful. This behaviour doesn’t work in react-select because the DOM node being blurred is the search input, not the field itself.

We could hack around this and set e.target.value before firing the event handler - I’m not absolutely positive this would have no unintended side effects, but it seems safe.

Anyone want to weigh in on this?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:8
  • Comments:10

github_iconTop GitHub Comments

6reactions
theskillwithincommented, Aug 11, 2017

causes problems with redux-form

0reactions
jossmaccommented, Mar 17, 2020

Assuming resolved in v2. Bump if needs to be reopened.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to pass input text as parameter to javascript onblur event?
Try to use, onblur="checkDateFormat(this.value)". Instead of onblur="checkDateFormat(this.date_t.value)".
Read more >
Field - Redux Form
The function is given the fields current value, all other form values, the props passed to the form, and the name of field...
Read more >
.blur() | jQuery API Documentation
An object containing data that will be passed to the event handler. ... A function to execute each time the event is triggered....
Read more >
Element: blur event - Web APIs | MDN
There are two ways of implementing event delegation for this event: by using the focusout event, or by setting the useCapture parameter of ......
Read more >
Angular 10 (blur) Event - GeeksforGeeks
In app.component.html make an input element and set blur event. Serve the angular app using ng serve to see the output. Example 1 ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Provide an easy way to extend react-select to make it work with other data structures

Next page

Focus and expand the select list