Skip to content

[bug]: iOS virtual keyboard overlaps NoteForm on automatic focus #34

Description

@iNikAnn

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

  1. Open the app on an iOS device.
  2. Navigate to the notes/diary page (/modal/diary).
  3. Click on the "+" button to open the note creation form.
  4. The keyboard appears but covers the form textarea completely.
  5. (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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinghelp wantedExtra attention is needed

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions