Insert Link modal buttons get hidden behind by keyboard

[nightgolfer]

Describe the bug

[While composing a comment or new post] When selecting one or more words and clicking the Insert Link button, the Insert Link modal appears.

When either of the modal's two input fields is clicked, the OK and Cancel buttons get hidden behind the keyboard. This might be because my Gboard adds an extra line with Password / Credit Card/ Address shortcuts when a text field is explicitly selected (they're not there when the modal initially appears, even though the URL field has focus).

The "replying-to"-excerpt and formatting bar correctly shift upwards when the new row of keyboard icons appears, but the Insert Link modal doesn't budge, remaining centered on the screen, resulting in the OK / Cancel buttons disappearing behind the new bar.

To gain access to the buttons again, I either need to dismiss the keyboard (swipe Back), or click the modal title (Insert Link), effectively dismissing the keyboard as well.

Note: The initial state is usually that the two buttons are visible when the modal first appears, but sometimes the extra keyboard line is already present, thus hiding the buttons instantly. I think this is because Gboard can remember the explicit input field selection between modal "sessions", and maybe the modal only gets hidden when exited.

To Reproduce

Reproducibility probably requires a similar combination of keyboard, keyboard settings, screen size and screen resolution (or UI scaling) to mine (Android, Gboard, OnePlus Nord), or at least a really tall keyboard.

1. While composing a comment, select a word and press the Insert Link button.

2. The Insert Link modal appears. The OK and Cancel buttons should be visible.

3. Click on either modal input field (Description or URL). The buttons disappear behind the Gboard shortcuts bar.

4. Go Back or click the modal title (exit input field without dismissing modal) to dismiss the keyboard.

5. Modal buttons are now visible again.

Expected behavior

Modals should always be placed relative to available screen size minus current keyboard height, instead of just centered in the middle of the screen. Make sure modals react to keyboard size, and keyboard size changes.

Screenshots

—

—

—

Desktop (please complete the following information):

N/A

Smartphone (please complete the following information):

• Device: OnePlus Nord
• OS: Android
• Browser: PWA
• Version [1.42.0]

*Additional context

N/A