fix: improve safari support

Author: segunadebayo

.changeset/little-planes-switch.md

@@ -0,0 +1,6 @@
+---
+"@zag-js/radio-group": patch
+"@zag-js/switch": patch
+---
+
+Improve focus behavior in Safari browser

packages/machines/radio-group/src/radio-group.connect.ts

@@ -1,4 +1,4 @@
-import { dataAttr, visuallyHiddenStyle } from "@zag-js/dom-query"
+import { dataAttr, isSafari, visuallyHiddenStyle } from "@zag-js/dom-query"
 import { isFocusVisible } from "@zag-js/focus-visible"
 import type { NormalizeProps, PropTypes } from "@zag-js/types"
 import { parts } from "./radio-group.anatomy"
@@ -121,6 +121,11 @@ export function connect<T extends PropTypes>(
           if (itemState.disabled) return
           send({ type: "SET_ACTIVE", value: null })
         },
+        onClick() {
+          if (!itemState.disabled && isSafari()) {
+            dom.getItemHiddenInputEl(scope, props.value)?.focus()
+          }
+        },
       })
     },
 

packages/machines/switch/src/switch.connect.ts

@@ -1,4 +1,4 @@
-import { dataAttr, getEventTarget, visuallyHiddenStyle } from "@zag-js/dom-query"
+import { dataAttr, getEventTarget, isSafari, visuallyHiddenStyle } from "@zag-js/dom-query"
 import { isFocusVisible } from "@zag-js/focus-visible"
 import type { NormalizeProps, PropTypes } from "@zag-js/types"
 import { parts } from "./switch.anatomy"
@@ -58,6 +58,9 @@ export function connect<T extends PropTypes>(service: SwitchService, normalize:
           if (target === dom.getHiddenInputEl(scope)) {
             event.stopPropagation()
           }
+          if (isSafari()) {
+            dom.getHiddenInputEl(scope)?.focus()
+          }
         },
       })
     },