fivemoons/planka-zh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Prevent scroll when focusing

Browse Source
This commit is contained in:
Maksim Eltyshev
2022-12-26 22:51:17 +01:00
parent 7e07a75124
commit 1dacd6e700
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(() => {