From 7c09ac13f9ac3a2c4e2b6faacde8cbfa31ad452a Mon Sep 17 00:00:00 2001
From: Eric Eastwood <contact@ericeastwood.com>
Date: Fri, 21 Oct 2022 16:24:22 -0500
Subject: [PATCH] Fix form <select> value not being up to date by the time we
 auto-submit the form on selection (#105)

Follow-up to https://github.com/matrix-org/matrix-public-archive/pull/102#discussion_r1002190782
---
 shared/views/RoomDirectoryView.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/shared/views/RoomDirectoryView.js b/shared/views/RoomDirectoryView.js
index fb03488..05d2ff5 100644
--- a/shared/views/RoomDirectoryView.js
+++ b/shared/views/RoomDirectoryView.js
@@ -183,8 +183,16 @@ class RoomDirectoryView extends TemplateView {
           // modal close callback but this races with it and sometimes we beat it.
           const path = vm.navigation.pathFrom([]);
           vm.navigation.applyPath(path);
-          // Submit the page with the new homeserver selection to get results.
-          headerForm.submit();
+
+          // Set the `<select>` value before we submit to ensure we have the most up to
+          // date information. Normally this would be updated by having Hydrogen do its
+          // render cycle and have the `<option selected>` be swapped around.
+          homeserverSelectElement.value = homeserverSelection;
+
+          setTimeout(() => {
+            // Submit the page with the new homeserver selection to get results.
+            headerForm.submit();
+          }, 0);
         }
       }
     );