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	2706	October 26, 2022
Composer on android UX composer	2	703	December 3, 2021
Discourse composer and Firefox on Android tablet UX tablet	14	153	April 19, 2025
Post composer becomes full screen when scrolling down on mobile Bug	13	1361	April 29, 2021
Expand composer button on mobile UX mobile	2	327	February 23, 2024

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

Related topics