diff --git a/packages/radix-vue/src/NumberField/NumberField.test.ts b/packages/radix-vue/src/NumberField/NumberField.test.ts index cf47cf60e..c4d0d8b37 100644 --- 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 index a37ab73a0..1f733bacf 100644 --- 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" >