Fix error iterating on getElementsByClassName on mobile browsers

diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index 6e3a90d..ded140d 100644 (file)
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -79,8 +79,8 @@ export default {
       processModalClick);
     if ("ontouchstart" in window) {
       // Disable tooltips on smartphones:
-      document.getElementsByClassName("tooltip").forEach(elt => {
-        elt.classList.remove("tooltip");
+      document.querySelectorAll("#aboveMoves .tooltip").forEach(elt => {
+        elt.classList.remove("tooltip")
       });
     }
     // Take full width on small screens:

diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue
index e909f70..009dbb4 100644 (file)
--- a/client/src/views/Game.vue
+++ b/client/src/views/Game.vue
@@ -221,8 +221,8 @@ export default {
       .addEventListener("click", processModalClick);
     if ("ontouchstart" in window) {
       // Disable tooltips on smartphones:
-      document.getElementsByClassName("tooltip").forEach(elt => {
-        elt.classList.remove("tooltip");
+      document.querySelectorAll("#aboveBoard .tooltip").forEach(elt => {
+        elt.classList.remove("tooltip")
       });
     }
   },