[Slider] Remove unnecessary data-focusvisible attribute (#36091)

mui · Feb 21, 2023 · 464fb9e · 464fb9e
1 parent cba0019
commit 464fb9e
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 4 deletions.
diff --git a/packages/mui-base/src/SliderUnstyled/SliderUnstyled.spec.tsx b/packages/mui-base/src/SliderUnstyled/SliderUnstyled.spec.tsx
@@ -39,7 +39,7 @@ const Thumb = React.forwardRef(function Thumb(
   props: SliderUnstyledThumbSlotProps,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
-  const { 'data-index': index, 'data-focusvisible': focusVisible, ownerState, ...other } = props;
+  const { 'data-index': index, ownerState, ...other } = props;
   return <div data-track={ownerState.track} {...other} ref={ref} />;
 });
 

diff --git a/packages/mui-base/src/SliderUnstyled/SliderUnstyled.tsx b/packages/mui-base/src/SliderUnstyled/SliderUnstyled.tsx
@@ -273,7 +273,6 @@ const SliderUnstyled = React.forwardRef(function SliderUnstyled<
           <Thumb
             key={index}
             data-index={index}
-            data-focusvisible={focusedThumbIndex === index}
             {...thumbProps}
             className={clsx(classes.thumb, thumbProps.className, {
               [classes.active]: active === index,

diff --git a/packages/mui-base/src/SliderUnstyled/SliderUnstyled.types.ts b/packages/mui-base/src/SliderUnstyled/SliderUnstyled.types.ts
@@ -284,7 +284,6 @@ export type SliderUnstyledRailSlotProps = {
 
 export type SliderUnstyledThumbSlotProps = UseSliderThumbSlotProps & {
   'data-index': number;
-  'data-focusvisible': boolean;
   children: React.ReactNode;
   className?: string;
   ownerState: SliderUnstyledOwnerState;

diff --git a/packages/mui-material/src/Slider/Slider.js b/packages/mui-material/src/Slider/Slider.js
@@ -757,7 +757,6 @@ const Slider = React.forwardRef(function Slider(inputProps, ref) {
             >
               <ThumbSlot
                 data-index={index}
-                data-focusvisible={focusedThumbIndex === index}
                 {...thumbProps}
                 className={clsx(classes.thumb, thumbProps.className, {
                   [classes.active]: active === index,