Fix selecting bookmark name or URL in properties dialog when focusing each input

Author: msmolens

CHANGELOG.md

@@ -8,6 +8,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Update Svelte Material UI to 6.1.4.
 - Replace Rollup with Vite as the build tool.
 
+### Fixed
+- Fix selecting bookmark name or URL in properties dialog when focusing each input.
+
 ## [1.4.1] - 2022-06-20
 ### Fixed
 - Fix color scheme when legacy 'system' option is stored.

src/treetop/PropertiesDialog.svelte

@@ -31,8 +31,11 @@
 
   function handleTextFieldFocus(e: CustomEvent | FocusEvent) {
     e = e as FocusEvent;
-    const inputElement = e.currentTarget as HTMLInputElement;
-    inputElement.select();
+
+    // Select all text in the focused input element
+    const labelElement = e.currentTarget as HTMLLabelElement;
+    const inputElement = labelElement.control as HTMLInputElement;
+    inputElement?.select();
   }
 
   const maxHeaderTitleLength = 58;