app/components/malio/select/Select.test.ts

@@ -352,4 +352,11 @@ describe('MalioSelect', () => {
     expect(trigger.attributes('aria-readonly')).toBe('true')
     expect(trigger.attributes('disabled')).toBeUndefined()
   })
+
+  it('disabled + readonly : pas d’aria-readonly (disabled prime)', () => {
+    const wrapper = mount(SelectForTest, {props: {modelValue: null, label: 'Champ', disabled: true, readonly: true, options: [{label: 'A', value: 'a'}]}})
+    const trigger = wrapper.get('button')
+    expect(trigger.attributes('aria-readonly')).toBeUndefined()
+    expect(trigger.attributes('disabled')).toBeDefined()
+  })
 })

app/components/malio/select/Select.vue

@@ -43,7 +43,7 @@
       :aria-invalid="hasError"
       :aria-describedby="describedBy"
       :aria-required="required || undefined"
-      :aria-readonly="readonly || undefined"
+      :aria-readonly="isReadonly || undefined"
       :disabled="disabled"
       @click="toggle"
     >

app/components/malio/select/SelectCheckbox.test.ts

@@ -327,4 +327,11 @@ describe('MalioSelectCheckbox', () => {
     expect(trigger.attributes('aria-readonly')).toBe('true')
     expect(trigger.attributes('disabled')).toBeUndefined()
   })
+
+  it('disabled + readonly : pas d’aria-readonly (disabled prime)', () => {
+    const wrapper = mount(SelectCheckboxForTest, {props: {modelValue: [], label: 'Champ', disabled: true, readonly: true, options: [{label: 'A', value: 'a'}]}})
+    const trigger = wrapper.get('button')
+    expect(trigger.attributes('aria-readonly')).toBeUndefined()
+    expect(trigger.attributes('disabled')).toBeDefined()
+  })
 })

app/components/malio/select/SelectCheckbox.vue

@@ -43,7 +43,7 @@
       :aria-invalid="hasError"
       :aria-describedby="describedBy"
       :aria-required="required || undefined"
-      :aria-readonly="readonly || undefined"
+      :aria-readonly="isReadonly || undefined"
       :disabled="disabled"
       @click="toggle"
     >