Make buttons divs

Qluxzz · Mar 19, 2024 · 1989d58 · 1989d58
1 parent 0e19471
commit 1989d58
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/Game.elm b/src/Game.elm
@@ -295,7 +295,7 @@ keyboardView triedLetters canSubmit canClear =
             letters
                 |> List.map
                     (\char ->
-                        button
+                        div
                             [ HA.style "background" (backgroundColor (Maybe.withDefault NotTried (Dict.get char triedLetters)))
                             , HE.onClick (CharEntered char)
                             ]
@@ -304,7 +304,7 @@ keyboardView triedLetters canSubmit canClear =
 
         clearButton : Html Msg
         clearButton =
-            button
+            div
                 [ HA.classList [ ( "disabled", not canClear ) ]
                 , HE.onClick RemoveChar
                 ]
@@ -313,7 +313,7 @@ keyboardView triedLetters canSubmit canClear =
 
         submitButton : Html Msg
         submitButton =
-            button
+            div
                 [ HA.classList [ ( "disabled", not canSubmit ) ]
                 , HE.onClick SubmitAttempt
                 , HA.style "flex-shrink" "0"

diff --git a/style.css b/style.css
@@ -57,7 +57,11 @@ body {
     gap: 4px;
 }
 
-.keyboard-row>button {
+/* 
+    The keyboard buttons are div's since if they are buttons iOS will
+    zoom the screen if a button is pressed multiple times in rapid succession
+*/
+.keyboard-row>div {
     font-size: 100%;
     flex-grow: 1;
     flex-basis: 1ch;
@@ -73,7 +77,7 @@ body {
     border: 1px solid #ddd;
 }
 
-.keyboard-row>button.disabled {
+.keyboard-row>div.disabled {
     background: #fff;
     pointer-events: none;
     border: 1px solid #ddd;