From 53791838de0a0432d542f0c0c80b39c4ccc70b0f Mon Sep 17 00:00:00 2001
From: Alexey Zakharenkov <a-zakh@yandex.ru>
Date: Mon, 24 Aug 2020 20:25:37 +0300
Subject: [PATCH] [render] Syncronize URL hash with selected city

---
 render/js/metro.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/render/js/metro.js b/render/js/metro.js
index 49db589..6445d53 100644
--- a/render/js/metro.js
+++ b/render/js/metro.js
@@ -84,8 +84,6 @@ L.CitySelect = L.Control.extend({
                 var cityName = decodeURI(hash);
                 if (cityName)
                     chooseCity(cityName);
-                 window.location.hash = '';
-
              }
         );
 
@@ -123,11 +121,14 @@ function chooseCity(cityName)
     var index = cityNames.indexOf(cityName);
     if (index === -1) {
         setCityLayer(null);
+        window.location.hash = '';
+        selector.select.selectedIndex = 0;
         return;
     }
      
-    // This is needed if the function was triggered not by list item selection
-    // but by city name in url hash
+    // The function may be triggered by city name in URL hash on page load or by
+    // city selection by user. We need synchronize URL hash and selected option.
+    window.location.hash = cityName;
     selector.select.value = cityName;
 
     if (hint !== null) {