feature/checkbox-bug-doble-tab
This commit is contained in:
@@ -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>`
|
||||
};
|
||||
});
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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>`
|
||||
};
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user