[Label] Don't eagerly prevent double-click (radix-ui#2753)

* [Label] Don't eagerly prevent double-click

Fixes radix-ui#2656

* Update Label.stories.tsx

* Update Label.tsx

* PR feedback

.yarn/versions/ded3a040.yml

@@ -0,0 +1,6 @@
+releases:
+  "@radix-ui/react-form": patch
+  "@radix-ui/react-label": patch
+
+declined:
+  - primitives

packages/react/label/src/Label.stories.tsx

@@ -21,6 +21,15 @@ export const WithControl = () => {
   );
 };
 
+export const WithInputNumber = (props: any) => {
+  return (
+    <Label>
+      <span>Name:</span>
+      <input type="number" />
+    </Label>
+  );
+};
+
 const Control = (props: any) => {
   return (
     <button className={controlClass()} {...props} onClick={() => window.alert('clicked')}>

packages/react/label/src/Label.tsx

@@ -19,6 +19,10 @@ const Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) =
       {...props}
       ref={forwardedRef}
       onMouseDown={(event) => {
+        // only prevent text selection if clicking inside the label itself
+        const target = event.target as HTMLElement;
+        if (target.closest('button, input, select, textarea')) return;
+
         props.onMouseDown?.(event);
         // prevent text selection when double clicking label
         if (!event.defaultPrevented && event.detail > 1) event.preventDefault();