From 09f830f9842dd8675615d234fc3f5e2409e0a32a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <juderamond@gmail.com>
Date: Thu, 14 Nov 2024 11:06:37 +0100
Subject: [PATCH] Fix npm run docs compilation

---
 js/tests/visual/floating-label.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/js/tests/visual/floating-label.html b/js/tests/visual/floating-label.html
index baa61109f6ee..debecd7ebdfe 100644
--- a/js/tests/visual/floating-label.html
+++ b/js/tests/visual/floating-label.html
@@ -169,31 +169,31 @@
       </div>
       <!--Compare form-select rendering depending on the size-->
       <div class="form-floating">
-        <select class="form-select" id="floatingSelect" aria-label="Floating label select example">
+        <select class="form-select" id="floatingSelectRegular" aria-label="Floating label select example">
           <option selected="">Open this select menu</option>
           <option value="1">One</option>
           <option value="2">Two</option>
           <option value="3">Three</option>
         </select>
-        <label for="floatingSelect">Works with selects</label>
+        <label for="floatingSelectRegular">Works with selects</label>
       </div>
       <div class="form-floating">
-        <select class="form-select form-select-sm" id="floatingSelectSM" aria-label="Floating label select example">
+        <select class="form-select form-select-sm" id="floatingSelectSmall" aria-label="Floating label select example">
           <option selected="">Open this select menu</option>
           <option value="1">One</option>
           <option value="2">Two</option>
           <option value="3">Three</option>
         </select>
-        <label for="floatingSelectSM">Works with selects</label>
+        <label for="floatingSelectSmall">Works with selects</label>
       </div>
       <div class="form-floating">
-        <select class="form-select form-select-lg" id="floatingSelectLG" aria-label="Floating label select example">
+        <select class="form-select form-select-lg" id="floatingSelectLarge" aria-label="Floating label select example">
           <option selected="">Open this select menu</option>
           <option value="1">One</option>
           <option value="2">Two</option>
           <option value="3">Three</option>
         </select>
-        <label for="floatingSelectLG">Works with selects</label>
+        <label for="floatingSelectLarge">Works with selects</label>
       </div>
     </div>
     
@@ -359,31 +359,31 @@
         </div>
         <!--Compare form-select rendering depending on the size-->
         <div class="form-floating">
-          <select class="form-select" id="floatingSelect" aria-label="Floating label select example">
+          <select class="form-select" id="floatingSelectRegularDark" aria-label="Floating label select example">
             <option selected="">Open this select menu</option>
             <option value="1">One</option>
             <option value="2">Two</option>
             <option value="3">Three</option>
           </select>
-          <label for="floatingSelect">Works with selects</label>
+          <label for="floatingSelectRegularDark">Works with selects</label>
         </div>
         <div class="form-floating">
-          <select class="form-select form-select-sm" id="floatingSelectSM" aria-label="Floating label select example">
+          <select class="form-select form-select-sm" id="floatingSelectSmallDark" aria-label="Floating label select example">
             <option selected="">Open this select menu</option>
             <option value="1">One</option>
             <option value="2">Two</option>
             <option value="3">Three</option>
           </select>
-          <label for="floatingSelectSM">Works with selects</label>
+          <label for="floatingSelectSmallDark">Works with selects</label>
         </div>
         <div class="form-floating">
-          <select class="form-select form-select-lg" id="floatingSelectLG" aria-label="Floating label select example">
+          <select class="form-select form-select-lg" id="floatingSelectLargeDark" aria-label="Floating label select example">
             <option selected="">Open this select menu</option>
             <option value="1">One</option>
             <option value="2">Two</option>
             <option value="3">Three</option>
           </select>
-          <label for="floatingSelectLG">Works with selects</label>
+          <label for="floatingSelectLargeDark">Works with selects</label>
         </div>
       </div>
     </div>