All Questions
165
questions
0
votes
0
answers
10
views
React 18 content editable field focus issue
I am working on a quiz application where answers to a question are managed with content editable. I use React 18 for front-end development. I use Dummy options(id= 0) to add options faster and allow ...
0
votes
2
answers
45
views
Lost focus on one input effects all inputs
I have created an application form with a validation function that requires the user to input the correct information within the boxes before clicking away from that focused box or an error message ...
0
votes
0
answers
27
views
Pressing "enter" focuses on the dialog instead of the other fields
On my main page, I render a table that shows some orders. When the user clicks on any of the orders, a Dialog opens up with an additional table showing the products related to the order.
The first two ...
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 ...
1
vote
0
answers
13
views
selectorprimaryfocus in ComboBox
I am trying to set focus to a comboBox which is present inside a Tearsheet when the tearsheet is opened. but it doesnt work.
import { ComboBox } from "@carbon/react";
import { Tearsheet } ...
1
vote
3
answers
58
views
Not possible to set focus on content of Tooltip component from Material UI on firing onClick event but possible on firing onKeyPress event
I am using Tooltip component from MUI in my customized TooltipComponent. TooltipComponent works similar to Dialog: user can see some content pop up after clicking (not hovering) on element (div with a ...
2
votes
0
answers
44
views
Why can't I type in on custom autocomplete popper with input
I can't write in the input label and year. In my application, I have a dropdown where I have an input for search and two inputs for add a film (title and year). The main problem is that the focus is ...
0
votes
1
answer
45
views
React js make background blur when input is focused
I want to create an input field like in the picture, if the input field becomes focused then I want to change the background to blur
image example
Do I have to use a certain library? I'm currently ...
1
vote
1
answer
111
views
Material UI custom colors
Goodmorning everybody,
I am trying to develop a website using ReactJS and Material UI.
I started from this template.
I would like to modify the color of the TextField when focused: now it is blue, let'...
0
votes
0
answers
42
views
useEffect Not Properly Handling Focus on iOS Devices in React Application
I'm working on a React application where we use a custom hook (useFlipAnimation) to manage the flipping animation of a card component. When the card flips to its back side, we want to automatically ...
1
vote
1
answer
196
views
React Native input field losing focus after typing character
Every time I type a character into any of my input fields, it will lose focus and I can't continue typing unless I click back into the input field.
Here is my login form. I checked to make sure that ...
1
vote
1
answer
42
views
How to display character count inside textarea in React?
I've been trying to make a "fake" textarea to show character count "inside" of my textarea, like this, but can't figure out how to make it focus properly.
My solution was to create ...
0
votes
0
answers
33
views
How does react keep state of checkboxes and the correct focus on re-rendering?
I'm a student and trying to build an elementary react like library of my own for learning purposes (lets call it UnReact). One detail that I am having trouble figuring out is like follows:
Let a ...
0
votes
0
answers
48
views
React Date Range Picker issue - not focusing on input field while date range picker is open on first click
I am using react-DateRangePicker, and using input field with this and when clicking on input it's opening that date range, but it's not focusing on input field while date range picker is open. ...