From 951e22ac8e3674c06322fc822417b8c3ab37d2bf Mon Sep 17 00:00:00 2001
From: Cohee <titan0599@gmail.com>
Date: Sun, 25 Jun 2023 12:43:37 +0300
Subject: [PATCH] Fix scrolling and width of global WI

---
 public/index.html            | 10 +++++-----
 public/scripts/world-info.js |  8 +++++++-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index c7be99802..f47fc7c39 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1876,9 +1876,9 @@
                 </div>
                 <div id="wi-holder" class="margin5">
                     <div class="justifyContentSpaceAround wi-settings flex-container gap10px alignitemscenter">
-                        <div id="WIMultiSelector" class="flex alignSelfStart range-block">
+                        <div id="WIMultiSelector" class="flex2 flex alignSelfStart range-block">
                             <div class="range-block-title justifyLeft">
-                                <small>Active World</small>
+                                <small>Active World(s)</small>
                             </div>
                             <div class="range-block-range">
                                 <select id="world_info" multiple>
@@ -1886,7 +1886,7 @@
                                 </select>
                             </div>
                         </div>
-                        <div class=" flex-container flexFlowColumn">
+                        <div class="flex2 flex-container flexFlowColumn">
                             <div class="flex range-block">
                                 <div class="range-block-title justifyLeft">
                                     <label for="world_info_character_strategy">
@@ -1937,7 +1937,7 @@
                             </div>
                         </div>
 
-                        <div class="range-block flex-container flexFlowColumn">
+                        <div class="flex1 range-block flex-container flexFlowColumn">
                             <label title="Entries can activate other entries by mentioning their keywords" class="checkbox_label">
                                 <input id="world_info_recursive" type="checkbox" />
                                 <small>
@@ -3399,4 +3399,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/public/scripts/world-info.js b/public/scripts/world-info.js
index 09f9dfb75..9edaa6af8 100644
--- a/public/scripts/world-info.js
+++ b/public/scripts/world-info.js
@@ -1048,7 +1048,7 @@ function onWorldInfoChange(_, text) {
                     toastr.success(`Activated world: ${wiElement.text()}`);
                 } else {
                     toastr.error(`No world found named: ${worldName}`);
-                }  
+                }
             })
         } else { // if no args, unset all worlds
             toastr.success('Deactivated all worlds');
@@ -1081,12 +1081,18 @@ jQuery(() => {
     $(document).ready(function () {
         registerSlashCommand('world', onWorldInfoChange, [], "– sets active World, or unsets if no args provided", true, true);
     })
+
+    let selectScrollTop = null;
+
     $("#world_info").on('mousedown change', async function (e) {
         if (deviceInfo.device.type === 'desktop') {
             e.preventDefault();
             const option = $(e.target);
+            const selectElement = $(this)[0];
+            selectScrollTop = selectElement.scrollTop;
             option.prop('selected', !option.prop('selected'));
             await delay(1);
+            selectElement.scrollTop = selectScrollTop;
         }
 
         onWorldInfoChange('__notSlashCommand__');