fix: label props conditionals

formwerkjs · Sep 10, 2024 · c680f7f · c680f7f
1 parent 7939937
commit c680f7f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/lucky-parents-talk.md b/.changeset/lucky-parents-talk.md
@@ -0,0 +1,5 @@
+---
+'@formwerk/core': patch
+---
+
+fix: labels and descriptions aria are applied when their elements/values exist
diff --git a/packages/core/src/a11y/useLabel.ts b/packages/core/src/a11y/useLabel.ts
@@ -25,7 +25,7 @@ export function useLabel(props: LabelProps) {
   const labelledByProps = computed<AriaLabelableProps>(() => {
     if (labelRef.value && toValue(props.label) && toValue(props.targetRef)) {
       return {
-        'aria-labelledby': labelProps.value.id,
+        'aria-labelledby': toValue(props.label) && labelRef.value ? labelProps.value.id : undefined,
       };
     }