Change root to div

mui · Jun 12, 2024 · 57133ad · 57133ad
1 parent a4bb47d
commit 57133ad
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/docs/pages/base-ui/api/slider-root.json b/docs/pages/base-ui/api/slider-root.json
@@ -58,7 +58,7 @@
   "spread": true,
   "themeDefaultProps": true,
   "muiName": "SliderRoot",
-  "forwardsRefTo": "HTMLSpanElement",
+  "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/Slider/Root/SliderRoot.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/base-ui/react-slider/\">Slider</a></li></ul>",

diff --git a/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx b/packages/mui-base/src/Slider/Root/SliderRoot.test.tsx
@@ -70,9 +70,9 @@ describe('<Slider.Root />', () => {
   const { render } = createRenderer();
 
   describeConformance(<Slider.Root defaultValue={50} />, () => ({
-    inheritComponent: 'span',
+    inheritComponent: 'div',
     render,
-    refInstanceof: window.HTMLSpanElement,
+    refInstanceof: window.HTMLDivElement,
   }));
 
   it('renders a slider', () => {

diff --git a/packages/mui-base/src/Slider/Root/SliderRoot.tsx b/packages/mui-base/src/Slider/Root/SliderRoot.tsx
@@ -9,8 +9,8 @@ import { useSliderRoot } from './useSliderRoot';
 import { SliderProvider } from './SliderProvider';
 import { SliderRootProps, SliderRootOwnerState } from './SliderRoot.types';
 
-function defaultRender(props: React.ComponentPropsWithRef<'span'>) {
-  return <span {...props} />;
+function defaultRender(props: React.ComponentPropsWithRef<'div'>) {
+  return <div {...props} />;
 }
 
 const SliderRoot = React.forwardRef(function SliderRoot(