Fix page title rendering

Logic/Actors/TitleHandler.ts

@@ -14,21 +14,23 @@ class TitleElement extends UIElement {
 
     constructor(layoutToUse: UIEventSource<LayoutConfig>,
                 selectedFeature: UIEventSource<any>,
-                allElementsStorage : ElementStorage) {
+                allElementsStorage: ElementStorage) {
         super(layoutToUse);
         this._layoutToUse = layoutToUse;
         this._selectedFeature = selectedFeature;
         this._allElementsStorage = allElementsStorage;
         this.ListenTo(Locale.language);
+        this.ListenTo(this._selectedFeature)
         this.dumbMode = false;
     }
 
     InnerRender(): string {
 
         const defaultTitle = Translations.WT(this._layoutToUse.data?.title)?.txt ?? "MapComplete"
+        console.log("Default title: ", defaultTitle)
         const feature = this._selectedFeature.data;
 
-        if(feature === undefined){
+        if (feature === undefined) {
             return defaultTitle;
         }
 
@@ -36,7 +38,7 @@ class TitleElement extends UIElement {
         const layout = this._layoutToUse.data;
         const properties = this._selectedFeature.data.properties;
         for (const layer of layout.layers) {
-             if(layer.title === undefined){
+            if (layer.title === undefined) {
                 continue;
             }
             if (layer.overpassTags.matchesProperties(properties)) {
@@ -45,7 +47,7 @@ class TitleElement extends UIElement {
                     this._allElementsStorage.getEventSourceFor(feature),
                     layer.title
                 )
-                return new Combine([defaultTitle," | ", title]).Render();
+                return new Combine([defaultTitle, " | ", title]).Render();
             }
         }
         return defaultTitle;
@@ -56,17 +58,18 @@ class TitleElement extends UIElement {
 export default class TitleHandler {
     constructor(layoutToUse: UIEventSource<LayoutConfig>,
                 selectedFeature: UIEventSource<any>,
-                allElementsStorage : ElementStorage) {
-
-        new TitleElement(layoutToUse, selectedFeature, allElementsStorage)
-            .addCallbackAndRun(contents => {
+                allElementsStorage: ElementStorage) {
 
+        console.log("Titlehandler inited")
+        selectedFeature.addCallbackAndRun(_ => {
+            const title = new TitleElement(layoutToUse, selectedFeature, allElementsStorage)
             const d = document.createElement('div');
+            const contents = title.InnerRender()
             d.innerHTML = contents;
+            console.log("Setting title to ", d.innerText, contents)
             // We pass everything into a div to strip out images etc...
             document.title = (d.textContent || d.innerText);
-
-            });
+        })
 
     }
 }

Models/Constants.ts

@@ -2,7 +2,7 @@ import { Utils } from "../Utils";
 
 export default class Constants {
     
-    public static vNumber = "0.5.14";
+    public static vNumber = "0.5.15";
 
     // The user journey states thresholds when a new feature gets unlocked
     public static userJourney = {