Questions tagged [onblur]
The blur event fires when an element loses focus.
onblur
658
questions
1
vote
0
answers
23
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 ...
2
votes
1
answer
44
views
How do I set focus on a div in React in order to trigger an effect with onBlur?
I'm working on a pretty basic note taking app with React. Purely a front end question.
On a sidebar I have a list of all the current notes, which the user can use to swap between them. Each note ...
0
votes
0
answers
23
views
scrollIntoView not working when the component is out of focus, on chromium based browsers
I'm building a react single page app and have noticed that the scrollIntoView function does not work on chrome based browsers (tested on edge&chrome) when the component is out of focus.
I have a ...
0
votes
0
answers
13
views
FlutterFormBuilder: How can I validate on Blur/Foxus Exit?
Using Flutter FormBuilder, I want to validate a field when the user moves away from a specific Field (e.g. Tab, mouse click). I also want to validate on save in case some validation involves multiple ...
0
votes
1
answer
68
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 ...
0
votes
1
answer
65
views
How to change TextInput style and dismiss keyboard with onblur using react-native-paper
I use react-native paper and I need help... I would like to know how to reject the keyboard and also how to deactivate OnFocus when onblur is active
import { View, StyleSheet } from 'react-native';...
2
votes
0
answers
49
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 ...
0
votes
1
answer
92
views
How to deactivate a function when a focusOut event happens?
Goal
I want to have two search bars, and each of them can:
Display suggestions as typing
Use arrow keys to select item
Each item can be customized
Because of the last bullet I don't want to use <...
-2
votes
1
answer
498
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 ...
0
votes
1
answer
362
views
Issue with Dynamic Sorting in QTable based on User Input
Detail:
I am facing a challenge in implementing dynamic sorting in Quasar's > QTable component. Specifically, when users interact with the name column and type into an input field, I want the table ...
0
votes
0
answers
29
views
Build angular material component library locally with sourcemaps
we use angular/material components such as MatRadioButton. I've recently been having trouble with the focus jumping to the wrong point on the page on what I think is a blur event. I haven't been able ...
0
votes
0
answers
137
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 ...
0
votes
1
answer
90
views
Javascript - alert problem with onblur and focus-visible Firefox/Chrome
In onblur I need to call alert(), but this doesn't work in Chrome and Firefox. Sess https://jsfiddle.net/mimomade/5sur482w/1/
In Firefox :focus-visible stays after leaving the 2nd and 4th input field ...
0
votes
1
answer
217
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 ...
0
votes
1
answer
376
views
angular onblur works incorrectly when clicking input in div
I'm giving a tabindex to the div and closing the div with on blur but when I click on the input inside the div, the div closes. How can I solve this?
app.component.html
<button (click)="...