658 questions
0
votes
0
answers
68
views
onBlur firing before onChange when selecting from dropdown - value not saved
I have a React component WidgetInlineEditField that wraps an inline-editable input field. When editing a time value using a TimeInput component with a dropdown, the onBlur event fires before the ...
- 9
0
votes
1
answer
38
views
Is there a reliable way to handle a Route Path losing focus? Like onBlur
In an electron-vite, React, typescript app, I'm using a Router with paths to a series of pages, each of which returns a <RootLayout.
ReactDOM.createRoot(document.getElementById('root') as ...
- 785
1
vote
0
answers
123
views
EasyMDE / Codemirrror "blur" event
I would like to have an event "on edit finished" when the user leaves the easyMDE editor. I have added a "blur" event, the problem is that it is also fired when the user clicks on ...
- 1,387
0
votes
1
answer
172
views
How can I make clicks trigger the "blur" and "focus" event of an absolute element?
I'm trying to trigger both focus and blur events on an absolute positioned element based on clicks like every normal element, so when the dropdown menu loses focus, it collapses itself, however, it ...
2
votes
0
answers
87
views
onFocus, onBlur not triggered in TouchableWithoutFeedback | react-native
The functions onFocus, onBlur of TouchableWithoutFeedback component aren't triggering. I wanted to make this work like the TextInput component, in terms of getting focused and unfocused, when the user ...
- 1,422
-2
votes
1
answer
1k
views
Angular blur event preventing click event of a button [closed]
I have a nested child component that contains an input. There is a blur event on the input
<input (blur)="onBlur()" ...>
In an ancestor component I have another element with a click ...
- 6,030
0
votes
0
answers
171
views
React-hook-form doesn't recognize input value
My react-hook-form doesn't recognize the input value once the user fills the input box.
It keeps returning the 'This field is required' error message with the password field.
Here's my code.
function ...
- 1
0
votes
1
answer
296
views
Apply onBlur to form elements but not to the reset button
I'm working with a form that has onBlur defined on it. I would now like to add a button within the form to reset it. But when I added the button, it attached the onBlur to it, so now clicking the ...
- 105
1
vote
1
answer
457
views
Blur event not triggered on VTextField
I've created a date/time picker component that is using two VTextField's to enter hour and minute values. There're three events on each field. Two of the events, focus and input do call their ...
- 101
0
votes
1
answer
123
views
Blur event for composedPath returns empty array on window for Safari
I am trying to apply composedPath to the blur event. I have noticed however, that Safari returns an empty array for composedPath.
On Chrome I do get the array of size one with the window object.
Here ...
- 72
1
vote
1
answer
118
views
Switching between product category cards
I have cards with categories, clicking on which opens hidden content. I need the card to close when switching between them and if a click occurs behind the content.
import React, { useRef } from "...
- 15
0
votes
1
answer
627
views
onBlur, onChange, onClick on react is triggering twice
I am trying to build a form with react. But every onBlur, onChange, and onClick is triggering twice. It happens if i try to console log inside the reducer function. The JSX is -
import React, { ...
- 103
0
votes
2
answers
1k
views
Show hide form fields in react using onFocus and onBlur
I'm working on a form that initially only shows one input field and when it is focused, it shows other inputs and the submit button.
I also want to hide all those extra fields if the form loses focus ...
- 5,272
0
votes
0
answers
165
views
Trying to call a webhook after user leave input field with jquery/ajax
So I'm trying to call a webhook to send the value of a zip code to a webhook. I've modified code that I've found and I'm having no luck getting it to work.
<input type="text" class="...
- 324
0
votes
1
answer
2k
views
react-select: Impossible to get value onBlur event
I have a problem with the react-select lib (see here: https://www.npmjs.com/package/react-select). For the validation of my form, I display an error message on the onBlur event. The problem is that no ...
- 43
0
votes
1
answer
589
views
Using onBlur after upgrade to React 17
I have a div as below.
<div
id={'editor1'}
tabIndex={-1}
onBlur={this._blurHandler}
>
I am noticing that after upgrading to React version 17.0.1 (from 16.13.1), the this._blurHandler is not ...
- 325
0
votes
2
answers
70
views
how to make input always onFocus
i have input and i want to always keep it onFocused, even i blur it and click on another parts of page, still stay focused.
first i use this
const inputReference = useRef();
const[foc,setFoc] = ...
- 123
2
votes
1
answer
646
views
onBlur attached to div getting called while moving from one input element to other present in the same div
So I have a div and inside that div I have two input fields, like:
<div>
<input placeholder="Input1"/>
<input placeholder="Input2"/>
</div>
I ...
- 82
1
vote
1
answer
424
views
Exclude a button from onBlur from input (Angular)
Good morning, thank you in advance for your help.
I have an input that has some buttons positioned with absolute position, I want to make it so that when you blur the input it cancels the edit mode ...
- 53
0
votes
3
answers
163
views
How to get order total if quantity is updated
Order entry form contains product name, price and quantity columns:
<table id="order-products" class="mobileorder-table">
<colgroup>
<col style=&...
- 28.2k
1
vote
1
answer
4k
views
Yup errors don't fire before onBlur
I want this input field's Yup errors to fire as soon as a key is logged for maximum interactivity. However, I'm only getting the errors once I click out of the text field. After the first onBlur event ...
- 35
0
votes
2
answers
235
views
When I'm clicking on input filed it works, but if I add new fields of input field the blur function on that is not working How to solve this by jquery [duplicate]
html code
<div id="add-code">
<input type="text" class="code">
</div>
<a id="new-code"></a>
java script code
<script>
$(...
- 27
3
votes
0
answers
310
views
Accessibility of autosave fields
I've got a profile screen with a few simple text and radio button fields. I want to avoid submit button but instead autosave the value of the field onblur event. That approach is becoming more and ...
- 1,399
3
votes
1
answer
1k
views
Keyboard accessible React component that mounts on hover and focus?
In a React application, I have a grid of <Card /> components. Each <Card /> renders several <Button /> components.
Due to constraints outside my control, Button is an inefficient ...
- 5,504
1
vote
2
answers
2k
views
React Native: onFocus and onBlur for custom inputs
in my react native project I`ve created a custom input component, let's call it "CustomInput". This just returns a standard .
const CustomInput = (props) => {
return (
<TextInput
...
- 21