fix(slider): apply "handle.highlight = true" when using the keyboard …

…to interact with handles
adobe · Jun 11, 2021 · 94e6349 · 94e6349
1 parent e5810a9
commit 94e6349
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/slider/src/HandleController.ts b/packages/slider/src/HandleController.ts
@@ -348,6 +348,12 @@ export class HandleController implements Controller {
         this.requestUpdate();
     };
 
+    private onInputKeydown = (event: Event): void => {
+        const input = event.target as InputWithModel;
+        input.model.handle.highlight = true;
+        this.requestUpdate();
+    };
+
     private dispatchChangeEvent(
         input: HTMLInputElement,
         handle: SliderHandle
@@ -446,6 +452,7 @@ export class HandleController implements Controller {
                     @change=${this.onInputChange}
                     @focus=${this.onInputFocus}
                     @blur=${this.onInputBlur}
+                    @keydown=${this.onInputKeydown}
                     .model=${model}
                 />
             </div>