Issue #178743 · iframe · iOS Safari

Multiline TextField inside iframe is overlapped by keyboard

Repro for flutter/flutter#178743. Embed this Flutter app in an iframe. On iOS Safari, focusing the multiline TextField should bring up the keyboard, but the viewport does not scroll to reveal the field until you start typing.

How to test

  1. Open this page on an iOS device (Safari) or mobile emulation.
  2. Tap inside the multiline TextField in the iframe below.
  3. Observe: keyboard appears but the field stays hidden underneath.
  4. Type a character: only then does the content shift.

Expected: viewport should scroll the focused field above the keyboard immediately. Actual: keyboard overlaps the field until typing begins.

Embedded Flutter app

If you see a blank area, wait a moment for Flutter to load.