Mobile toolbar and bottom navbar do not show up on keyboard activation and deactivation on older android phones (<=10)

Bug reports
, , ,
1

Steps to reproduce

  • Click inside any text in live preview mode to summon the keyboard.
  • The mobile toolbar will appear as usual.
  • After the keyboard is minimized/closed, the mobile toolbar does not disappear. Instead, it sticks to the bottom of that page.
  • It overlaps with the Android OS navigation buttons (back, home, menu). If you try to click on them The navigation buttons will function and the toolbar will not function. So the toolbar is essentially behind those buttons, yet still visible.
  • When the keyboard is opened again, the mobile toolbar does not reappear again. It stays at the bottom of the page, behind the keyboard.
  • The bottom navigation bar does not reappear when the keyboard is minimized.
  • A small trick to make bottom navigation bar reappear again is to summon the left sidebar, right sidebar, or reading mode.

Did you follow the troubleshooting guide? [Y/N]

Yes, Issue persist even on out of the box fresh vault as seen in the attached gif.

Expected result

Keyboard minimize → Mobile toolbar disappear. → Bottom navigation bar appear.
Keyboard activate → Bottom navigation bar disappears → mobile toolbar appears.

The app’s bottom navbar and app itself is expected to stay above the OS navigation buttons and not overlap with them.

Actual result

Keyboard minimize → Mobile toolbar doesn’t disappear. → Bottom navigation bar doesn’t appear.
Keyboard activate → Bottom navigation bar doesn’t disappears → mobile toolbar doesn’t appears.
Also, the mobile toolbar overlaps with the OS navigation buttons.

Environment

SYSTEM INFO:
Operating system: android 9 (Realme RMX1833)
Webview version: 138.0.7204.179
Obsidian version: 1.9.10 (234)
API version: v1.9.10
Login status: not logged in
Language: en
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none

Additional information

Since the problem wasn’t there in previous version v1.8.10. Issue is in the latest version of v1.9.10.

Before the mobile toolbar and bottom navigation bar fix, We must make sure that the app stays contained within its limits and do not overflow to the android OS navigation buttons.

3 Likes
2

Definitions

Bottom panel:
image

Mobile toolbar:
image

Steps to reproduce

  1. Open random note and tap on text to edit it (your keyboard will pop up).
  2. Notice that bottom panel is replaced with mobile toolbar.
  3. Close (minimize) the keyboard.
  4. Notice that toolbar is stays at the bottom of your screen, not that panel.

Did you follow the troubleshooting guide?

Reproduced this bug in brand new vanilla vault with no plugins enabled. Check whether the bug request is already present (I am sorry if I turned to blind and not see it actually is).

Expected result

Mobile toolbar is replaced with bottom panel after minimizing the keyboard (it worked like this in previous versions).

Actual result

Mobile toolbar stays at the bottom, additionally being covered by Android system navigation UI.

Environment

Operating system: android 10 - one ui 2.5 (samsung galaxy note 9 SM-N960F)
Webview version: 139.0.7258.94
Obsidian version: 1.9.10 (234)
API version: v1.9.10
Login status: not logged in
Language: en
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on
No recomendations

Kerboard used: Gboard version:

image
image196×133 7.76 KB

Additional information

Here is the vault the bug can be reproduced in:
TestVault.zip (2.0 KB)

And a video demonstration of this bug:
demo.zip (3.3 MB)

3 Likes
3

I can’t reproduce but I believe.

I don’t know which virtual keyboard you are using, try gboard.

4

I noted in my bug report that I use gboard. Even attached photo with version of it.

1 Like
5

Sorry I missed that part.

We’ll wait from other users to report this.

1 Like
6

Ok. A little note: all works just fine on 1.8.10 version. I downgraded and checked.

7

Same here. The bottom navbar does not reappear when the keyboard is minimized, and the mobile toolbar does not disappear when the keyboard is minimized.

This bug has started in the latest version, 1.9.10. Previous versions were working perfectly fine.

As a temporary hack to bypass this bug. If I open the left sidebar, right sidebar, or reading mode, the bottom navbar successfully reappears again. But we have to repeat it every time.

3 Likes
8

ezgif-121a032caec124

Walkthrough of the bug in a fresh vault.

  1. The mobile toolbar did not disappear with the keyboard.
  2. The mobile toolbar started overlapping with the operating system navigation buttons.
  3. The bottom navbar did not appear unless triggered by the right sidebar.
9

I’m encountering the exact same behavior.
Operating system: android 9
Obsidian version: 1.9.10
Using GBoard.

10

The same issue after update to v1.9.10
• Android 6
• Gboard

NOW:
Navigation bar is living on its own. It’s very hard to make it appears.

It doesn’t respect opening or closing onscreen keyboard, opening or closing sidebars, switching between read - edit modes, etc.

Nav bar mainly stays hidden no matter what happens on the screen.

11

I use Obsidian on Android 10 (OPPO A5 2020). On start, it shows a note in the Reading mode. I switch to Editing, use the keyboard, go back to Reading, and there is nothing in the bottom. I go back to Editing, swipe the Back gesture and get the keyboard panel (undo, redo, link…) in the bottom. Next I go back to Reading and the bottom panel (prev, next, search, add…) is back.

Maybe that helps…

2 Likes
12

We are aware there maybe problem with Android <=10 because, to fix other bugs, we started using an API that was introduced in Android 11.

13

Could you add an certain command to Command palette to explicitly Show / Hide the nav bar?
So users could put a button with such command on the tab bar for example.

Or some another workaround for people with Android < 11 to make nav bar appearing predictable?