From 2046b00c38476387e4ade648729ee7eaf3591090 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Sat, 3 Apr 2021 03:24:22 +0200
Subject: [PATCH] Fix clicking the bold button immediately showing the updated
 button state

- rather than only after typing
---
 ts/editor-toolbar/CommandIconButton.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ts/editor-toolbar/CommandIconButton.svelte b/ts/editor-toolbar/CommandIconButton.svelte
index ed45d23cc..ab1a3f6c4 100644
--- a/ts/editor-toolbar/CommandIconButton.svelte
+++ b/ts/editor-toolbar/CommandIconButton.svelte
@@ -1,9 +1,9 @@
 <script lang="typescript" context="module">
     import { writable } from "svelte/store";
 
-    export const commandMap = writable(new Map<string, boolean>());
+    const commandMap = writable(new Map<string, boolean>());
 
-    function initializeButton(key: string): void {
+    function updateButton(key: string): void {
         commandMap.update(
             (map: Map<string, boolean>): Map<string, boolean> =>
                 new Map([...map, [key, document.queryCommandState(key)]])
@@ -48,7 +48,7 @@
     let active = false;
 
     if (activatable) {
-        initializeButton(command);
+        updateButton(command);
 
         commandMap.subscribe((map: Map<string, boolean>): void => {
             active = map.get(command);
@@ -58,6 +58,7 @@
 
     function onClick(): void {
         document.execCommand(command);
+        updateButton(command);
     }
 </script>