rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 19:01:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Smoothing scroll of edit modal.

Browse source
This commit is contained in:
Roland 2023-05-03 09:01:25 -06:00
parent fe5a1c44a1
commit cff0c20007
No known key found for this signature in database
GPG key ID: 9D6DBD3ACF11AB93
2 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/Tags.js
View file

@ -15,7 +15,7 @@ import {
TableHeaderCell,
TableRow,
} from "semantic-ui-react";
import {contrastingColor} from "./components/Common";
import {contrastingColor, scrollToTopOfElement} from "./components/Common";
import {
Button,
FormInput,
@ -200,7 +200,8 @@ function EditTagsModal() {
setTagColor(color || DEFAULT_TAG_COLOR);
setTagId(id);
// Scroll to top of Edit Modal.
document.getElementById('editModalContent').scrollTop = 0;
const editModalContent = document.getElementById('editModalContent');
scrollToTopOfElement(editModalContent);
}
const localSaveTag = async () => {

7
app/src/components/Common.js
View file

@ -359,6 +359,13 @@ export function scrollToTop() {
});
}
export function scrollToTopOfElement(element, smooth=true) {
element.scroll({
top: 0,
behavior: smooth ? 'smooth' : 'auto',
});
}
export function SearchInput({
searchStr,
onSubmit,