diff --git a/packages/react/src/progress/indicator/ProgressIndicator.test.tsx b/packages/react/src/progress/indicator/ProgressIndicator.test.tsx index 9b1de64620..78507c0406 100644 --- a/packages/react/src/progress/indicator/ProgressIndicator.test.tsx +++ b/packages/react/src/progress/indicator/ProgressIndicator.test.tsx @@ -26,7 +26,7 @@ describe('', () => { {node}, ); }, - refInstanceof: window.HTMLSpanElement, + refInstanceof: window.HTMLDivElement, })); describe.skipIf(isJSDOM)('internal styles', () => { @@ -34,7 +34,7 @@ describe('', () => { const { getByTestId } = await render( - + } /> , ); @@ -60,7 +60,7 @@ describe('', () => { expect(indicator).toHaveComputedStyle({ insetInlineStart: '0px', - width: '0%', + width: '0px', }); }); diff --git a/packages/react/src/progress/indicator/ProgressIndicator.tsx b/packages/react/src/progress/indicator/ProgressIndicator.tsx index 54aa1694e5..b3986588fa 100644 --- a/packages/react/src/progress/indicator/ProgressIndicator.tsx +++ b/packages/react/src/progress/indicator/ProgressIndicator.tsx @@ -10,7 +10,7 @@ import { BaseUIComponentProps } from '../../utils/types'; /** * Visualizes the completion status of the task. - * Renders a `` element. + * Renders a `
` element. * * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress) */ @@ -30,7 +30,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator( const { renderElement } = useComponentRenderer({ propGetter: getRootProps, - render: render ?? 'span', + render: render ?? 'div', state, className, ref: forwardedRef, @@ -44,7 +44,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator( namespace ProgressIndicator { export interface State extends ProgressRoot.State {} - export interface Props extends BaseUIComponentProps<'span', State> {} + export interface Props extends BaseUIComponentProps<'div', State> {} } ProgressIndicator.propTypes /* remove-proptypes */ = { diff --git a/packages/react/src/progress/track/ProgressTrack.test.tsx b/packages/react/src/progress/track/ProgressTrack.test.tsx index a97fade699..5e4247b864 100644 --- a/packages/react/src/progress/track/ProgressTrack.test.tsx +++ b/packages/react/src/progress/track/ProgressTrack.test.tsx @@ -25,6 +25,6 @@ describe('', () => { {node}, ); }, - refInstanceof: window.HTMLSpanElement, + refInstanceof: window.HTMLDivElement, })); }); diff --git a/packages/react/src/progress/track/ProgressTrack.tsx b/packages/react/src/progress/track/ProgressTrack.tsx index 26d36ccbd2..4ae80fdb0e 100644 --- a/packages/react/src/progress/track/ProgressTrack.tsx +++ b/packages/react/src/progress/track/ProgressTrack.tsx @@ -9,7 +9,7 @@ import { BaseUIComponentProps } from '../../utils/types'; /** * Contains the progress bar indicator. - * Renders a `` element. + * Renders a `
` element. * * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress) */ @@ -22,7 +22,7 @@ const ProgressTrack = React.forwardRef(function ProgressTrack( const { state } = useProgressRootContext(); const { renderElement } = useComponentRenderer({ - render: render ?? 'span', + render: render ?? 'div', state, className, ref: forwardedRef, @@ -36,7 +36,7 @@ const ProgressTrack = React.forwardRef(function ProgressTrack( namespace ProgressTrack { export interface State extends ProgressRoot.State {} - export interface Props extends BaseUIComponentProps<'span', State> {} + export interface Props extends BaseUIComponentProps<'div', State> {} } ProgressTrack.propTypes /* remove-proptypes */ = {