add keyboard access to slider component

adsabs · May 7, 2024 · 4ec6ebd · 4ec6ebd
1 parent c2a4fc8
commit 4ec6ebd
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
@@ -64,8 +64,8 @@ export const Slider = ({
         rootStyle={{
           position: 'relative',
         }}
-        onUpdate={handleUpdateValues}
-        onSlideEnd={handleChangeValues}
+        onChange={handleChangeValues} // value when mouse drag stopped, or keyboard update value
+        onUpdate={handleUpdateValues} // this updates values when mouse dragging, used by histogram
       >
         <Rail>
           {({ getRailProps }) => (
@@ -217,6 +217,7 @@ const Handle = ({ handle, getHandleProps, align, mt, showLabel }: IHandleProps):
         color="gray.900"
         borderColor="blue.600"
         borderWidth={1}
+        tabIndex={0}
         {...getHandleProps(handle.id)}
       />
       {showLabel && (