External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(reply modal): autofocus caused auto scroll to top on mobile

Browse Source
This commit is contained in:
plebeius.eth
2024-04-30 11:35:47 +02:00
parent 1e91119687
commit 952d446c4d
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/reply-modal/reply-modal.tsx
+1 -1
View File
@@ -96,7 +96,7 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => {
ref={textRef} ref={textRef}
placeholder={_.capitalize(t('comment'))} placeholder={_.capitalize(t('comment'))}
onChange={(e) => setContent.content(e.target.value)} onChange={(e) => setContent.content(e.target.value)}
autoFocus autoFocus={!isMobile} // autofocus causes auto scroll to top on mobile
/> />
</div> </div>
<div className={styles.footer}> <div className={styles.footer}>
src/hooks/use-reply-modal.ts
+2 -1
View File
@@ -17,7 +17,8 @@ const useReplyModal = () => {
const openReplyModal = useCallback( const openReplyModal = useCallback(
(cid: string) => { (cid: string) => {
if (isMobile) { if (isMobile) {
setScrollY(window.scrollY); const currentScrollY = window.scrollY;
setScrollY(currentScrollY);
} }
if (activeCid && activeCid !== cid) { if (activeCid && activeCid !== cid) {
closeModal(); closeModal();