filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +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 //NOTE(amine): scroll to the bottom of the form every time the description's textarea resizes
React.useLayoutEffect(() => { const scrollToFormBottom = () => {
const form = formRef.current; const form = formRef.current;
if (!form) return; if (!form) return;
form.scrollTop = form.scrollHeight - form.clientHeight; form.scrollTop = form.scrollHeight - form.clientHeight;
}, [values.description]); };
const JumperItem = isMobile ? MobileJumper.Content : Jumper.Item; const JumperItem = isMobile ? MobileJumper.Content : Jumper.Item;
@ -105,7 +105,7 @@ function UpdateFileForm({ file, isMobile, onClose }) {
css={STYLES_EDIT_INFO_INPUT} css={STYLES_EDIT_INFO_INPUT}
style={{ marginTop: 6 }} style={{ marginTop: 6 }}
maxLength="2000" maxLength="2000"
{...getFieldProps("description")} {...getFieldProps("description", { onChange: scrollToFormBottom })}
/> />
</div> </div>
</JumperItem> </JumperItem>