From 220c7c24499845a9d2d5b9c608883572c73eec03 Mon Sep 17 00:00:00 2001
From: posimai <posimai.project@gmail.com>
Date: Mon, 20 Apr 2026 20:02:27 +0900
Subject: [PATCH] =?UTF-8?q?fix(posimai-sc):=203=E3=82=B9=E3=83=86=E3=83=83?=
 =?UTF-8?q?=E3=83=97=E5=BE=8C=E3=81=AE=E7=90=86=E8=A7=A3=E5=BA=A6=E3=82=B8?=
 =?UTF-8?q?=E3=83=A3=E3=83=B3=E3=83=97=E3=81=A7=E3=83=95=E3=82=A9=E3=83=BC?=
 =?UTF-8?q?=E3=82=AB=E3=82=B9=E8=B5=B7=E5=9B=A0=E3=81=AE=E3=82=BA=E3=83=AC?=
 =?UTF-8?q?=E3=82=92=E6=8A=91=E6=AD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 posimai-sc/index.html | 2 +-
 posimai-sc/js/app.js  | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/posimai-sc/index.html b/posimai-sc/index.html
index d71b8a19..e2c59a89 100644
--- a/posimai-sc/index.html
+++ b/posimai-sc/index.html
@@ -913,7 +913,7 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1
         </div>
 
         <!-- Quiz -->
-        <div id="comprehension-quiz" class="card" x-show="currentUnit?.quiz?.length && (!stepMode || stepStep === 3)">
+        <div id="comprehension-quiz" class="card" tabindex="-1" x-show="currentUnit?.quiz?.length && (!stepMode || stepStep === 3)">
           <div class="quiz-header">
             <div class="quiz-title-label">
               <i data-lucide="check-circle-2" style="width:13px;height:13px"></i>
diff --git a/posimai-sc/js/app.js b/posimai-sc/js/app.js
index 4caedce2..da2d0726 100644
--- a/posimai-sc/js/app.js
+++ b/posimai-sc/js/app.js
@@ -824,6 +824,9 @@ document.addEventListener('alpine:init', () => {
       this.$nextTick(()=>{ if(window.lucide) lucide.createIcons(); });
     },
     finishStepMode(){
+      if(document.activeElement && typeof document.activeElement.blur === 'function'){
+        document.activeElement.blur();
+      }
       this.stepMode=false;
       this.$nextTick(()=>{
         if(window.lucide) lucide.createIcons();
@@ -833,6 +836,9 @@ document.addEventListener('alpine:init', () => {
       });
     },
     scrollToComprehension(){
+      if(document.activeElement && typeof document.activeElement.blur === 'function'){
+        document.activeElement.blur();
+      }
       this.$nextTick(()=>{
         requestAnimationFrame(()=>{
           requestAnimationFrame(()=>{ this.scrollMainToComprehension(); });
@@ -844,6 +850,7 @@ document.addEventListener('alpine:init', () => {
       const m=document.getElementById('main');
       const el=document.getElementById('comprehension-quiz');
       if(!m||!el) return;
+      try{ el.focus({ preventScroll:true }); }catch(e){}
       // main内の実座標で算出して、カード先頭へ安定して合わせる
       const offset=8;
       const top=(el.getBoundingClientRect().top - m.getBoundingClientRect().top) + m.scrollTop - offset;