feat: Interactive keyboard dismiss (like UIScrollView.KeyboardDismissMode Interactive in iOS)

[ericbf]

Feature Request

Description

In iOS (at least), you can set the keyboard to dismiss interactively when in a scrolling view (like the messages app, etc). It’d be good to be able to set that behavior in a capacitor app as well.

Platform(s)

iOS (at least), android if there’s an equivalent behavior.

Preferred Solution

A function on the keyboard plugin to enable/disable interactive dismiss or to set the dismiss mode.

Alternatives

Just sudden dismissal of the keyboard when the input loses focus, not being able to dismiss the keyboard by swiping (as the expected behavior for users is)

Additional Context

https://developer.apple.com/documentation/uikit/uiscrollview/keyboarddismissmode

[kimproductions]

I would love this feature. Need it so badly in my capacitor app

[howlettga]

This functionality can be managed across both platforms by listening and responding to scroll events on pages with inputs. I think many search/list views use this methodology rather than rely specifically on keyboard swipe down.

This is a workaround and I do think that dismissing keyboard on swipe would be super useful. Particularly on pages like a form where I might want to allow the user to swipe down the keyboard but not necessarily hook into every scroll event.

content.page.html

<ion-header>
  <ion-toolbar>
    <ion-searchbar></ion-searchbar>
  </ion-toolbar>
</ion-header>
<ion-content role="feed" [scrollEvents]="true" (ionScrollStart)=handleScroll"($event)">
  <ion-list>
    ...
  </ion-list>
</ion-content>

content.page.ts

import { Keyboard } from '@capacitor/keyboard';

handleScroll(event: Event) {
  if (event != null) {
    Keyboard.hide();
  }
}