Blur input on thumb pointerUp

mui · May 9, 2024 · 79ebc32 · 79ebc32
1 parent c33a529
commit 79ebc32
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/mui-base/src/useSlider2/useSliderThumb.ts b/packages/mui-base/src/useSlider2/useSliderThumb.ts
@@ -79,13 +79,16 @@ export function useSliderThumb(parameters: UseSliderThumbParameters) {
       return mergeReactProps(externalProps, {
         'data-index': index,
         id: idParam,
-        onPointerOver(/* event: React.PointerEvent<HTMLSpanElement> */) {
-          // const index = Number(event.currentTarget.getAttribute('data-index'));
+        onPointerOver() {
           setOpen(index);
         },
         onPointerLeave() {
           setOpen(-1);
         },
+        onPointerUp() {
+          const { current: input } = inputRef;
+          input?.blur();
+        },
         ref: handleRef,
         style: {
           ...getThumbStyle(),