WIP

Author: mj12albert

packages/react/src/field/control/useFieldControlValidation.ts

@@ -56,6 +56,7 @@ export function useFieldControlValidation() {
   const commitValidation = useEventCallback(async (value: unknown, revalidate = false) => {
     const element = inputRef.current;
     if (!element) {
+      console.log('return no element');
       return;
     }
 

packages/react/src/slider/root/SliderRoot.tsx

@@ -115,11 +115,10 @@ export const SliderRoot = React.forwardRef(function SliderRoot<
 
   const sliderRef = React.useRef<HTMLElement>(null);
   const controlRef = React.useRef<HTMLElement>(null);
-  const hiddenInputRef = React.useRef<HTMLInputElement>(null);
   const thumbRefs = React.useRef<(HTMLElement | null)[]>([]);
   const lastChangedValueRef = React.useRef<number | readonly number[] | null>(null);
   const formatOptionsRef = useLatestRef(format);
-  const mergedInputRef = useForkRef(inputRefProp, hiddenInputRef, inputValidationRef);
+  // const mergedInputRef = useForkRef(inputRefProp, inputValidationRef);
 
   // We can't use the :active browser pseudo-classes.
   // - The active state isn't triggered when clicking on the rail.
@@ -347,13 +346,15 @@ export const SliderRoot = React.forwardRef(function SliderRoot<
       <CompositeList elementsRef={thumbRefs} onMapChange={setThumbMap}>
         {element}
         <input
-          type="hidden"
           {...getInputValidationProps({
+            // type: 'hidden',
             disabled,
             name,
-            ref: mergedInputRef,
+            ref: inputValidationRef,
             value: serializedValue,
             style: visuallyHidden,
+            tabIndex: -1,
+            'aria-hidden': true,
           })}
         />
       </CompositeList>