From 66ba90b402011b6327b7add56130c34467beed67 Mon Sep 17 00:00:00 2001
From: Akira Takahashi <faithandbrave@gmail.com>
Date: Mon, 6 Jul 2026 18:48:57 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E3=82=B9=E3=83=9E=E3=83=BC=E3=83=88?=
 =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=B3=E3=81=A7=E3=81=AE=E3=82=B9=E3=82=AF?=
 =?UTF-8?q?=E3=83=AD=E3=83=BC=E3=83=AB=E3=81=AB=E3=82=88=E3=82=8B=E3=83=9A?=
 =?UTF-8?q?=E3=83=BC=E3=82=B8=E6=9B=B4=E6=96=B0=E3=81=AB=E5=AF=BE=E5=BF=9C?=
 =?UTF-8?q?=20#58?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/kunai/site/layout.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/css/kunai/site/layout.css b/css/kunai/site/layout.css
index aaa58b3..8fe1581 100644
--- a/css/kunai/site/layout.css
+++ b/css/kunai/site/layout.css
@@ -227,8 +227,22 @@ main {
 }
 
 @media (max-width: 768px) {
+  /*
+   * スマホでは「ビューポート固定シェル + 内側スクロール」をやめ、
+   * ドキュメント(html/body)自身をスクローラにする。これによりブラウザの
+   * 引っ張って更新 (pull-to-refresh) が発火するようになる。
+   * see: https://github.com/cpprefjp/kunai/issues/58
+   */
+  body {
+    overflow: visible;
+  }
+
   body > header {
     /* box-shadow: 0px -12px 10px 8px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */
+
+    /* ドキュメントスクロール時もナビバーを追従表示する */
+    position: sticky;
+    top: 0;
   }
 
 
@@ -253,8 +267,13 @@ main {
     }
   }
 
-  main {
-    overflow-y: scroll;
+  /* 内側スクローラをやめ、内容の高さぶんだけ伸ばす (スクロールは body 側で行う)。
+     ベースの `body main { height: … }`(詳細度 0,0,2)に勝つよう body main で指定し、
+     overflow は両軸まとめて visible にする (片軸だけだと計算値が auto に化けて
+     スクロールコンテナのまま残るため)。 */
+  body main {
+    overflow: visible;
+    height: auto;
 
     > .container-fluid > .row:first-child {
       flex-direction: column;
@@ -285,6 +304,9 @@ main {
       // flex-basis: 100dvw;
       flex-basis: unset;
 
+      /* 縦積み時は 95dvh 固定 (デスクトップ用) を解除し内容の高さに合わせる */
+      height: auto;
+
       border: none;
 
       /* box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */

From 13b7d0e5c4ac056f0a86e5fe5a3c9bbb3917e1b5 Mon Sep 17 00:00:00 2001
From: Akira Takahashi <faithandbrave@gmail.com>
Date: Mon, 6 Jul 2026 19:33:13 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=E3=82=B5=E3=82=A4=E3=83=89=E3=83=90?=
 =?UTF-8?q?=E3=83=BC=E3=81=8C=E5=86=8D=E7=8F=BE=E3=81=AA=E3=81=8F=E4=BC=B8?=
 =?UTF-8?q?=E3=81=B3=E3=82=8B=E5=95=8F=E9=A1=8C=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/kunai/site/layout.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/css/kunai/site/layout.css b/css/kunai/site/layout.css
index 8fe1581..b465fe5 100644
--- a/css/kunai/site/layout.css
+++ b/css/kunai/site/layout.css
@@ -304,8 +304,12 @@ main {
       // flex-basis: 100dvw;
       flex-basis: unset;
 
-      /* 縦積み時は 95dvh 固定 (デスクトップ用) を解除し内容の高さに合わせる */
-      height: auto;
+      /* 高さはベースの 95dvh のままにして際限なく伸びるのを防ぎつつ、パネル内を
+         縦スクロール可能にしてナビゲーションツリー全体へアクセスできるようにする。
+         (height: auto にするとツリーが全展開して際限なく伸びてしまう)
+         see: https://github.com/cpprefjp/kunai/pull/182 のレビュー指摘 */
+      height: $main-height;
+      overflow-y: auto;
 
       border: none;