fix(slider): 🩹 remove visually hidden in input

adaptui · Jun 17, 2022 · ae6bcc4 · ae6bcc4
1 parent 6cb5fdc
commit ae6bcc4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/slider/slider-input.tsx b/src/slider/slider-input.tsx
@@ -1,6 +1,4 @@
-import * as React from "react";
-import { VisuallyHidden } from "ariakit";
-import { useForkRef, useWrapElement } from "ariakit-utils";
+import { useForkRef } from "ariakit-utils";
 import {
  createComponent,
  createElement,
@@ -16,10 +14,6 @@ export const useSliderInput = createHook<SliderInputOptions>(
  props = { ...props, ref: useForkRef(state.inputRef, props.ref) };
  props = mergeProps(state.inputProps, props);
 
- props = useWrapElement(props, element => (
- <VisuallyHidden>{element}</VisuallyHidden>
- ));
-
  return props;
  },
 );

diff --git a/src/slider/slider-thumb.tsx b/src/slider/slider-thumb.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import { VisuallyHidden } from "ariakit";
 import {
  createComponent,
  createElement,
@@ -12,7 +13,11 @@ import { SliderThumbState } from "./slider-thumb-state";
 
 export const useSliderThumb = createHook<SliderThumbOptions>(
  ({ state, ...props }) => {
- const children = <SliderInput state={state} />;
+ const children = (
+ <VisuallyHidden>
+ <SliderInput state={state} />
+ </VisuallyHidden>
+ );
 
  props = { children, ...props };
  props = mergeProps(state.thumbProps, props);