filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 05:54:49 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(GlobalCarousel/EditInfo/Description field): scroll to bottom on event

Browse Source
This commit is contained in:
Aminejv 2021-10-26 19:13:49 +01:00
parent 8980059a76
commit 51d938da77
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/system/components/GlobalCarousel/jumpers/EditInfo.js
View File

@ -63,11 +63,11 @@ function UpdateFileForm({ file, isMobile, onClose }) {
});
//NOTE(amine): scroll to the bottom of the form every time the description's textarea resizes
React.useLayoutEffect(() => {
const scrollToFormBottom = () => {
const form = formRef.current;
if (!form) return;
form.scrollTop = form.scrollHeight - form.clientHeight;
}, [values.description]);
};
const JumperItem = isMobile ? MobileJumper.Content : Jumper.Item;
@ -105,7 +105,7 @@ function UpdateFileForm({ file, isMobile, onClose }) {
css={STYLES_EDIT_INFO_INPUT}
style={{ marginTop: 6 }}
maxLength="2000"
{...getFieldProps("description")}
{...getFieldProps("description", { onChange: scrollToFormBottom })}
/>
</div>
</JumperItem>