All Questions
Tagged with focus javascript
1,373
questions
-1
votes
1
answer
35
views
Website no longer recognizes popup window name. Javascript
Tell me if this makes any sense. I have been accessing a website through a popup window for years. using
window.open('https://example.com',mypopup,parameters);
I click a button in my main window, and ...
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
30
views
NVDA overrides eventListeners on arrow keys 38 and 40 with its own behavior for that
The "handleAccordionKeyDown" function enables arrow key navigation in an accordion.
If the first accordion element, a link, is focused with the tab key, arrow key navigation is activated.
...
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'...
1
vote
0
answers
44
views
JavaScript Focus Ring Option Is Not Working
I'm using the code below to set focus to a button and have a focus ring displayed around the button. While the button does indeed get focus (which I can tell because if I press the space bar the ...
0
votes
0
answers
9
views
Prevent checking checkbox input in contentEditable from stealing focus from editor in Android webview?
Unfortunately event.preventDefault inside of mousedown doesn't do the trick. I tried the same inside of pointerdown (no luck) and touchstart (it says the event is not cancellable)
I can't insert any ...
0
votes
0
answers
18
views
Inconsistent focus loss in sortable list
I’ve been playing around with keyboard navigation trying to build a list of items that can be sorted manually. The steps to use it are the following:
Press Tab until the list is focused.
Press Arrow ...
0
votes
1
answer
92
views
How to prevent textarea scrolling to cursor on focus?
Question:
When a textbox is focused with Javascript, is there a way to tell the browser to NOT scroll to the current cursor position?
Goal:
I want to scroll a textarea, and navigate around its text, ...
0
votes
1
answer
60
views
How to allow focus on two components, TextField and Popover, at the same time
I have a popover component that is rendered below a textfield component. The use case is to toggle a menu when a user types a special key such as : in to the textfield. The user can then click one of ...
0
votes
1
answer
52
views
I'm not able to find what e.preventDefault() does in trapFocus function
I understand what the function does, but I don't really know what does e.preventDefault() do. I know that prevents the default behaviour from the keydown event, but I don't really know which behaviour ...
0
votes
0
answers
39
views
Detect browser out of focus
I want to detect when the browser goes out of focus. More specifically, here is my case:
I have my page opened and when I change the tab, it can be detected using visibilitychange. But when I go to ...
0
votes
2
answers
116
views
Can't find CSS selector to style Shadow DOM delegated focus
EDIT 1+
Ok, sorry for the wild goose chase. this appears to be a straight forward CSS issue. In the light DOM: -
#disTick::part(endo) {
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px ...
-1
votes
1
answer
424
views
Keyboard not showing up on iOS when focusing input element
I'm testing a webpage on iOS. I am trying to allow tab-like behavior when the user presses the enter key, so I've written some code to focus the next element when that happens.
I also have an element ...
0
votes
0
answers
28
views
Trigger/Modify Browser ScrollIntoView Behavior on Focus
I have a scrollable table with a sticky header & footer, and input fields in each cell - think an Exel-like table. Now I encountered a problem when using tab to focus input fields in a row further ...