`c-input` for a collection of enums on a model does not respect the `readonly` prop

[kelseymcmahon]

When using a c-input to select multiple enums for a collection and setting the input to readonly it does not completely disable the input. The chips used to display the selected inputs are still closable. I would expect the close icon button on the chip to be hidden when the input is set to readonly.

Example of a read only select:

Data model property:

public ICollection<DefinedEnum> MyEnumCollection { get; set; }

Vuetify input:

<c-input :model="myModel" for="myEnumCollection" :readonly="isArchived" />

Versions:
"coalesce-vue": "6.0.3",
"coalesce-vue-vuetify3": "6.0.3",

[ascott18]

vuetifyjs/vuetify#22349

[ascott18]

As a workaround for now you can use disabled instead of readonly. Or, use a CSS hack to disable the buttons:

.v-input--readonly .v-chip__close {
    pointer-events: none;
}