Describe the bug
When opening the NoteForm dialog on iOS, the virtual keyboard overlays and covers the input field instead of pushing the form layout upwards.
To Reproduce
- Open the app on an iOS device.
- Navigate to the notes/diary page (
/modal/diary).
- Click on the "+" button to open the note creation form.
- The keyboard appears but covers the form textarea completely.
- (Optional verification): Dismiss the keyboard by tapping "Done", then manually tap the textarea. The keyboard reappears and correctly pushes the form above it.
Expected behavior
The virtual keyboard should push the position: fixed form layout upward instantly upon mounting and auto-focusing, keeping the text input fully visible.
Smartphone
- Device: iPhone
- OS: iOS 18+
- Browser: Safari
- Version: 18 - 26+
Additional context
A temporary workaround was added to NoteForm.tsx (/src/widgets/note-form/ui/NoteForm.tsx) using a setTimeout delay inside useEffect to prevent automatic focus on iOS entirely so the form doesn't get buried immediately.
Describe the bug
When opening the
NoteFormdialog on iOS, the virtual keyboard overlays and covers the input field instead of pushing the form layout upwards.To Reproduce
/modal/diary).Expected behavior
The virtual keyboard should push the
position: fixedform layout upward instantly upon mounting and auto-focusing, keeping the text input fully visible.Smartphone
Additional context
A temporary workaround was added to
NoteForm.tsx(/src/widgets/note-form/ui/NoteForm.tsx) using asetTimeoutdelay insideuseEffectto prevent automatic focus on iOS entirely so the form doesn't get buried immediately.