@hortonstudio/main 1.1.28 → 1.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.1.28",
+  "version": "1.1.29",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/utils/toc.js

@@ -44,6 +44,35 @@ export async function init() {
         link.appendChild(number);
         link.appendChild(document.createTextNode(heading.textContent));
 
+        // Add click handler to prevent focus on mouse clicks but allow keyboard focus
+        link.addEventListener('click', (e) => {
+            // Prevent default to handle scrolling ourselves
+            e.preventDefault();
+            
+            const targetSection = document.getElementById(sectionId);
+            if (targetSection) {
+                // Scroll to the section
+                targetSection.scrollIntoView({ behavior: 'smooth' });
+                
+                // Don't focus the target element on mouse clicks (Safari focus issue)
+                // Focus will still work with keyboard navigation (Enter key, etc.)
+            }
+        });
+        
+        // Handle keyboard navigation (Enter/Space) to maintain accessibility
+        link.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                
+                const targetSection = document.getElementById(sectionId);
+                if (targetSection) {
+                    targetSection.scrollIntoView({ behavior: 'smooth' });
+                    // Allow focus for keyboard users
+                    targetSection.focus();
+                }
+            }
+        });
+
         // Add item to the TOC list
         tocList.appendChild(tocItem);
     });