The Gramps FOSS Discourse support forum is a hosted instance provided by the Discourse project. (Thank you) A recent update makes the new posting Editor less usable on small mobile devices (smart phones) When replying to a Topic, all the features are accessible. Even after clicking in the (tiny) composing space, the Virtual Keyboard slides up and squashes the content to leave the buttons accessible. (Although the split screen for composing/preview is insane on a screen this small) [image] But the “New Topic” is a different story. The key controls are completely inaccessible. The text editing space is completely hidden. [image] Example in Firefox for Android 14 on Samsung Galaxy S21 FE 5G related to: [image] How does Discourse detect/infer virtual keyboards? Development I have a non-Discourse related project in which I’d really like to be able to detect whether a mobile browser’s virtual keyboard is active or not. I just realised, after days of thinking and looking for solutions, that the Discourse forum I visit every day has a really smooth interface for mobile virtual keyboards. It’s great how reliably it detects the keyboard and changes the reply box to fill the remaining space, only to switch back to normal mode if you close the keyboard. I haven’t found a…

Hi Brian :slight_smile: It looks like you may have switched to desktop view on that device. Could you try switching back to the mobile view and see if that helps? [IMG_3580]

That’s better. (Although the icon to switch to Mobile is a bit of an Easter Egg. You have to know to select the Hamburger menu icon to reveal it.) We used to have a custom prompt in the text area. ((Please include your Gramps version and Operating System)) Now you’ve dragooned that for your prompt (Select a category before typing here) which shifts our custom prompt to run off the screen appended to the right of the “Create a new Topic” prompt.

[image] Brian McCullough: That’s better. (Although the icon to switch to Mobile is a bit of an Easter Egg. You have to know to select the Hamburger menu icon to reveal it.) There is also a #theme-component which shows a banner when you use desktop view on mobile. [image] Desktop to Mobile View Banner Theme component information_source Summary This theme component adds a warning banner on a mobile device if it’s using the desktop view. eyeglasses Preview Theme Creator hammer_and_wrench Repository GitHub - VaperinaDEV/desktop-to-mobile-view-banner · GitHub question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Hello wave This theme component adds a warning banner on a mobile device if it’…

[image] Moin: There is also a #theme-component which shows a banner when you use desktop view on mobile. That looks cool. Unfortunately, the free hosted system doesn’t really allow add-ons. We’re serving as crash test dummies teetering on the bleeding edge. Which is a good trade-off for an Open Source project, like us. (We would have jumped on a plug-in like Discourse Translator to make things easier for our international users… since Discourse doesn’t play well with Google Translate.)

Don’t mobile keyboards take up like, half the screen anyway? So it’s bound to cover up some stuff (e.g. post replies when editing a post).

[image] justanotherperson: So it’s bound to cover up some stuff ( Except that the Reply CSS correctly pushed the buttons above the virtual keyboard. But the New Topic does not. The difference seems to be that the Reply starts with the Text box inactive. (So no virtual keyboard) The New Topic starts with the text box as the insert point so the Virtual Keyboard is visible.

You can have #theme-component on the Free plan. :+1: (But your #plugin are the ones available on the Standard plan, and Translator is currently available on the Enterprise plans). (The Basic plan, however, doesn’t allow theme components)

[image] JammyDodger: You can have #theme-component on the Free plan. Great! We are in crunch time… 2 weeks to a new release of our genealogy software. So I will set a 1-month reminder to talk to our webmaster about that Desktop-Theme-on-a-Mobile banner. The Translator probably is unlikely to be in our future. Do you know if there is a bug posted about Google Translate navigating back to the Top of the domain when you switch languages? (Users have to browse back down to the posting again after the language change.)

This #theme-component might interest you. It will display a banner on mobile if in desktop mode. [image] Desktop to Mobile View Banner Theme component information_source Summary This theme component adds a warning banner on a mobile device if it’s using the desktop view. eyeglasses Preview Theme Creator hammer_and_wrench Repository GitHub - VaperinaDEV/desktop-to-mobile-view-banner · GitHub question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Hello wave This theme component adds a warning banner on a mobile device if it’… There is also one called admin Warnings that will give a warning prompt if Tl4 & staff if replying to a closed topic [image] Warn admins/tl4 when replying to closed topics Theme component Admin Warnings Theme Component https://github.com/davidtaylorhq/discourse-admin-warnings When admins click ‘reply’ on a closed topic, they will be warned. This helps to prevent admins accidentally continuing a closed/archived discussion (much to the frustration of other forum users!). [44] Warning text is configurable as a theme setting. To install, follow the instructions here: There is also one that will display a banner if a user is viewing the site offline [image] Offline Indicator Theme Component Theme component Hello wave This theme component is a simple offline indicator which appears when user have internet connection problems. [Screenshot 2022-04-24 at 0.26.32] [Screenshot 2022-04-24 at 0.22.38] [Screenshot 2022-04-24 at 0.22.51] On desktop the indicator shows on bottom right. There are some settings which you can customize the indicator. offline indicator icon You can use FontAwesome icons. This icon appear before Oops…You’re offline title. offline indicator width This width is only… Adds some quality of life.

Those are great! Thanks @Heliosurge Thanks to everyone.

Virtual Keyboard hides critical editor buttons for 3.3.0-beta

Product Support

Moin February 10, 2024, 9:22pm 5

There is also a Customization > Theme component which shows a banner when you use desktop view on mobile.

Topic		Replies	Views
Such a tiny window to edit here on a cell phone UX composer	38	2604	June 8, 2026
Discourse create new topic user experience on mobile UX	40	8265	June 27, 2017
How does Discourse detect/infer virtual keyboards? Development	2	616	January 15, 2022
iPad with external keyboard connected can't see post when replying Feature tablet	50	4701	June 4, 2019
Button "New Topic" not visible on android UX	3	799	June 22, 2020

Virtual Keyboard hides critical editor buttons for 3.3.0-beta

Related topics