fix(TypeAheadDropdown): input select on focus now works in Safari (#823)

influxdata · Aug 17, 2022 · ec9a625 · ec9a625
1 parent 61ae043
commit ec9a625
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+### 6.1.1 (2022-08-17)
+
+- [823](https://github.com/influxdata/clockface/pull/823): Typeahead Dropdown select text on focus works on all browsers
+
 ### 6.1.0 (2022-08-09)
 
 - [820](https://github.com/influxdata/clockface/pull/820): Typeahead Dropdown scroll to selected item

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@influxdata/clockface",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "license": "MIT",
   "main": "dist/index.js",
   "style": "dist/index.css",

diff --git a/src/Components/Dropdowns/Composed/TypeAheadDropDown.tsx b/src/Components/Dropdowns/Composed/TypeAheadDropDown.tsx
@@ -242,7 +242,8 @@ export const TypeAheadDropDown: FC<OwnProps> = ({
 
   const selectAllTextInInput = (event?: ChangeEvent<HTMLInputElement>) => {
     if (event) {
-      event.target.select()
+      const target = event.target
+      setTimeout(() => target.select(), 0)
     }
   }