Checkbox focus set on one checkbox when other checkboxs are checked.

[geradt]

Ok, I'm adding a select column to my datatable component in Primevue and for some reason when I click on a checkbox to change it state, the first checkbox in the column (not the header) gets its focus state toggled on (p-checkbox-focused, p-focus).

Here is some of the code controlling the checkboxes:

<Column
     v-if="isSelectable"
     header="Select"
     :headerStyle="selectSlotStyle"
     :style="selectSlotStyle"
>
     <template #filter>
          <Checkbox v-model="selectAll" @click="selectAllRows" :binary="true" />
     </template>
     <template #body="slotProps">
          <Checkbox :id="`check-` + slotProps.data.id" :inputId="`check-` + slotProps.data.id" v-model="selectedRows" :value="slotProps.data.user_id" />
     </template>
</Column>

I tried placing unique id's and inputId's on the checkbox to try and resolve it but that didn't fix it. Anyone have any ideas what could be causing this?

Thanks in advance.

[geradt]

Ok, I think I've traced this down to a version issue. The version that I have of primevue that's producing this issue is 2.4.0. However the latest primevue version is 2.10.2. Once we upgrade to the latest version of Primevue this issue goes away.