feature/checkbox-bug-doble-tab

This commit is contained in:
2026-04-15 14:34:18 -06:00
parent ce18d81612
commit 0e7ad7a0c9
3 changed files with 4 additions and 3 deletions

View File

@@ -20,7 +20,7 @@ export function createColumns(): ColumnDef<A76Class>[] {
const { selected } = getProps();
return {
render: () => `<div class="flex items-center justify-center">
<input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer" ${selected ? 'checked' : ''} />
<input type="checkbox" tabindex="-1" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer" ${selected ? 'checked' : ''} />
</div>`
};
});

View File

@@ -44,6 +44,7 @@ export function createColumns(
render: () => `<div class="w-4">
<input
type="checkbox"
tabindex="-1"
class="h-4 w-4 cursor-pointer"
${checked ? 'checked' : ''}
${indeterminate ? 'indeterminate="true"' : ''}
@@ -76,7 +77,7 @@ export function createColumns(
const { selected, onchange } = getProps();
return {
render: () => `<div class="flex items-center justify-center">
<input type="checkbox" class="h-4 w-4 cursor-pointer" ${selected ? 'checked' : ''} />
<input type="checkbox" tabindex="-1" class="h-4 w-4 cursor-pointer" ${selected ? 'checked' : ''} />
</div>`,
setup: (node) => {
const input = node.querySelector('input') as HTMLInputElement;

View File

@@ -108,7 +108,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
const { selected } = getProps();
return {
render: () => `<div class="flex items-center justify-center">
<input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer" ${selected ? 'checked' : ''} />
<input type="checkbox" tabindex="-1" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer" ${selected ? 'checked' : ''} />
</div>`
};
});