Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-29 18:19:46 +02:00
Code Issues Releases Activity

fix: Prevent scroll when focusing

Browse source
This commit is contained in:
Maksim Eltyshev 2022-12-26 22:51:17 +01:00
parent 0ad9cffb08
commit 26f464eb25
10 changed files with 31 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/src/components/BoardMembershipsStep/BoardMembershipsStep.jsx
View file

@ -43,7 +43,9 @@ const BoardMembershipsStep = React.memo(
);
useEffect(() => {
searchField.current.focus();
searchField.current.focus({
preventScroll: true,
});
}, []);
return (

4
client/src/components/Boards/AddPopup/AddPopup.jsx
View file

@ -63,7 +63,9 @@ const AddStep = React.memo(({ onCreate, onClose }) => {
}, [openStep]);
useEffect(() => {
nameField.current.focus();
nameField.current.focus({
preventScroll: true,
});
}, []);
useDidUpdate(() => {

4
client/src/components/LabelsStep/LabelsStep.jsx
View file

@ -89,7 +89,9 @@ const LabelsStep = React.memo(
);
useEffect(() => {
searchField.current.focus();
searchField.current.focus({
preventScroll: true,
});
}, []);
if (step) {

4
client/src/components/Memberships/AddPopup/AddPopup.jsx
View file

@ -61,7 +61,9 @@ const AddStep = React.memo(
);
useEffect(() => {
searchField.current.focus();
searchField.current.focus({
preventScroll: true,
});
}, []);
if (step) {

4
client/src/components/UserAddPopup/UserAddPopup.jsx
View file

@ -88,7 +88,9 @@ const UserAddStep = React.memo(
}, [onCreate, data]);
useEffect(() => {
emailField.current.focus();
emailField.current.focus({
preventScroll: true,
});
}, []);
useEffect(() => {

4
client/src/components/UserEmailEditStep/UserEmailEditStep.jsx
View file

@ -90,7 +90,9 @@ const UserEmailEditStep = React.memo(
}, [email, usePasswordConfirmation, onUpdate, onClose, data]);
useEffect(() => {
emailField.current.focus();
emailField.current.focus({
preventScroll: true,
});
}, []);
useEffect(() => {

4
client/src/components/UserPasswordEditStep/UserPasswordEditStep.jsx
View file

@ -71,7 +71,9 @@ const UserPasswordEditStep = React.memo(
}, [usePasswordConfirmation, onUpdate, data]);
useEffect(() => {
passwordField.current.focus();
passwordField.current.focus({
preventScroll: true,
});
}, []);
useEffect(() => {

4
client/src/components/UserUsernameEditStep/UserUsernameEditStep.jsx
View file

@ -90,7 +90,9 @@ const UserUsernameEditStep = React.memo(
}, [username, usePasswordConfirmation, onUpdate, onClose, data]);
useEffect(() => {
usernameField.current.focus();
usernameField.current.focus({
preventScroll: true,
});
}, []);
useEffect(() => {