fix string selection update on click

1 files changed, 7 insertions, 0 deletions

diff --git a/string.mjs b/string.mjs
index cf9b759..39a3533 100644
--- a/string.mjs
+++ b/string.mjs
@@ -53,6 +53,12 @@ export default class extends HTMLElement {
         })
     }
 
+    updateSelected() {
+        this.querySelectorAll('.selected').forEach(s => {
+            s.innerText = this.getAttribute('value');
+        });
+    }
+
     muteClicked(e) {
         console.debug('String#muteClicked', this, e);
         if (this.getAttribute('value') !== 'x') {
@@ -69,6 +75,7 @@ export default class extends HTMLElement {
         console.debug(' -- note', e.target.note);
         this.setAttribute('value', e.target.getAttribute('value'));
         this.setAttribute('octave', e.target.getAttribute('octave'));
+        this.updateSelected();
     }
 
     render() {