fix(NumberField): missing data-disabled (#1212)

* fix(NumberField): missing data-disabled * test: add checker for root
unovue · Aug 11, 2024 · 7354f25 · 7354f25
1 parent 1fea8fa
commit 7354f25
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/radix-vue/src/NumberField/NumberField.test.ts b/packages/radix-vue/src/NumberField/NumberField.test.ts
@@ -97,8 +97,10 @@ describe('numberField', () => {
   })
 
   it('should not be changed when disabled', async () => {
-    const { input, increment, decrement } = setup({ defaultValue: 0, disabled: true })
+    const { root, input, increment, decrement } = setup({ defaultValue: 0, disabled: true })
 
+    expect(root.getAttribute('data-disabled')).toBe('')
+    expect(input.getAttribute('data-disabled')).toBe('')
     await fireEvent.keyDown(input, { key: kbd.ARROW_UP })
     expect(input.value).toBe('0')
     await fireEvent.keyDown(input, { key: kbd.ARROW_DOWN })

diff --git a/packages/radix-vue/src/NumberField/NumberFieldRoot.vue b/packages/radix-vue/src/NumberField/NumberFieldRoot.vue
@@ -199,6 +199,7 @@ provideNumberFieldRootContext({
     role="group"
     :as="as"
     :as-child="asChild"
+    :data-disabled="disabled ? '' : undefined"
   >
     <slot
       :model-value="modelValue"