From: Sebastián Ramírez <tiangolo@gmail.com>
Date: Mon, 3 Aug 2026 20:16:57 +0000 (+0200)
Subject: 🐛 Use buttons for Termynal controls (#2063)
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;p=thirdparty%2Ffastapi%2Fsqlmodel.git

🐛 Use buttons for Termynal controls (#2063)
---

diff --git a/docs/css/termynal.css b/docs/css/termynal.css
index a2564e286..daa6038a0 100644
--- a/docs/css/termynal.css
+++ b/docs/css/termynal.css
@@ -55,10 +55,19 @@
     text-align: center;
 }
 
-a[data-terminal-control] {
+button[data-terminal-control] {
+    cursor: pointer;
     text-align: right;
     display: block;
+    width: 100%;
     color: #aebbff;
+    border: 0;
+    background: transparent;
+    font: inherit;
+}
+
+button[data-terminal-control]:hover {
+    color: var(--color-text);
 }
 
 [data-ty] {
diff --git a/docs/js/termynal.js b/docs/js/termynal.js
index db71f65a5..de4d8d144 100644
--- a/docs/js/termynal.js
+++ b/docs/js/termynal.js
@@ -127,27 +127,29 @@ class Termynal {
     }
 
     generateRestart() {
-        const restart = document.createElement('a')
-        restart.onclick = (e) => {
-            e.preventDefault()
+        const restart = document.createElement('button')
+        restart.type = 'button'
+
+        restart.onclick = () => {
             this.container.innerHTML = ''
             this.init()
         }
-        restart.href = 'javascript:void(0)'
+
         restart.setAttribute('data-terminal-control', '')
         restart.innerHTML = "restart ↻"
         return restart
     }
 
     generateFinish() {
-        const finish = document.createElement('a')
-        finish.onclick = (e) => {
-            e.preventDefault()
+        const finish = document.createElement('button')
+        finish.type = 'button'
+
+        finish.onclick = () => {
             this.lineDelay = 0
             this.typeDelay = 0
             this.startDelay = 0
         }
-        finish.href = 'javascript:void(0)'
+
         finish.setAttribute('data-terminal-control', '')
         finish.innerHTML = "fast →"
         this.finishElement = finish