From 601f70716deebdcee6414a12ba78c0623bf93eb3 Mon Sep 17 00:00:00 2001
From: Igor Zinken <730069+igorski@users.noreply.github.com>
Date: Wed, 22 Apr 2026 23:02:51 +0200
Subject: [PATCH] Improve keyboard accessibility of slider component

---
 src/components/ui/slider/slider.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/slider/slider.vue b/src/components/ui/slider/slider.vue
index 850b5e3..bbdac9d 100644
--- a/src/components/ui/slider/slider.vue
+++ b/src/components/ui/slider/slider.vue
@@ -1,7 +1,7 @@
 /**
  * The MIT License (MIT)
  *
- * Igor Zinken 2020-2025 - https://www.igorski.nl
+ * Igor Zinken 2020-2026 - https://www.igorski.nl
  *
  * Permission is hereby granted, free of charge, to any person obtaining a copy of
  * this software and associated documentation files (the "Software"), to deal in
@@ -31,6 +31,7 @@
             :max="max"
             :step="step"
             :disabled="disabled"
+            @keyup.enter="toggleTextInput( true )"
             @dblclick="toggleTextInput( true )"
             @pointerdown="handleDragStart()"
             @pointerup="handleDragEnd()"
@@ -98,6 +99,12 @@ export default {
     methods: {
         toggleTextInput( enabled: boolean ): void {
             this.textInput = enabled;
+
+            if ( enabled ) {
+                this.$nextTick(() => {
+                    this.$refs.textInput?.focus();
+                });
+            }
         },
         handleTextFocus(): void {
             this.wasSuspended = KeyboardService.getSuspended();