Sidebar not showing - it might be too early to use the "dvh" unit

[outloudvi]

tl;dr: Upgrade to Chrome for Android 108+/Firefox for Android 107+/Safari 15.4+ if you cannot call out the sidebar.

💡 Summary

The sidebar won't show after clicking that button.

Misskey 13 uses the new distance unit dvh:

misskey/packages/frontend/src/ui/_common_/navbar.vue

Line 116 in f8d0902

height: 100dvh;

However, it might not be widely supported enough. Chrome for Android is released in Dec 2, 2022, and Edge 108 is released in Dec 5, 2022 - these versions are a bit too new.

I would suggest a compatibility fallback of vh:

> .body {
  height: 100vh;
  height: 100dvh; /* New browsers will apply this instead and old browsers will discard this */
}

🥰 Expected Behavior

The sidebar shows.

🤬 Actual Behavior

The sidebar doesn't show.

📝 Steps to Reproduce

1. Click the menu button.

📌 Environment

Misskey version: 13.0.0
Your OS: Android
Your browser: Chrome 102.

[outloudvi]

Duplicate of #9187.