Drafting/editing a topic doesn't always go fullscreen in Firefox (mobile)

Moin · September 25, 2022, 8:17am

I think this was reported before and hopefully there will be a fix soon.

github.com/discourse/discourse

FIX: Better virtual keyboard detect on Android

discourse:main ← discourse:android-keyboard-fixes-3

opened 07:35PM - 20 Sep 22 UTC

xfalcox

+54 -12

Firefox has a bug where *sometimes* the visualViewport.height won't be updated w…hen the keyboard pops up until you scroll, making our composer stay hidden behind the keyboard. This commit uses both window.innerHeight and window.visualViewport.height using the minimum of both to check for height changes. For Chrome/Edge we feature detect the new VirtualKeyboard API and opt-into it when the composer opens and use it to detect if a keyboard is being draw. Opting into the API changes how the viewport is calculated so we have to also change how the full height composer is calculated. To minimize breakage we opt-out when the composer component is destroyed. This commit also moves the `--composer-ipad-padding` to only happen on iPads. Bug report at https://meta.discourse.org/t/-/228382

Topic		Replies	Views
Mobile keyboard hides composer using Microsoft Edge on Android bug	17	2221	October 26, 2022
Post composer becomes full screen when scrolling down on mobile bug	13	1208	April 29, 2021
Expand composer button on mobile ux mobile	2	222	February 23, 2024
Composer on android ux composer	2	652	December 3, 2021
New Chrome bug related with keyboard and navigation bar on android bug mobile	4	436	December 27, 2023

Drafting/editing a topic doesn't always go fullscreen in Firefox (mobile)

Related Topics