mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(data-table): input name is stable while id is unique

Browse source
This commit is contained in:
Eric Liu 2025-01-19 17:16:24 -08:00
commit cf6fc1f4f1
2 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/DataTable/DataTable.svelte
View file

@ -381,6 +381,8 @@
<InlineCheckbox
bind:ref={refSelectAll}
aria-label="Select all rows"
name="{id}-select-all}"
value="all"
checked={selectAll}
{indeterminate}
on:change={(e) => {
@ -512,9 +514,12 @@
class:bx--table-column-radio={radio}
>
{#if !nonSelectableRowIds.includes(row.id)}
{@const inputId = `${id}-${row.id}`}
{@const inputName = `${id}-name`}
{#if radio}
<RadioButton
name="{id}-{row.id}"
id={inputId}
name={inputName}
checked={selectedRowIds.includes(row.id)}
on:change={() => {
selectedRowIds = [row.id];
@ -523,7 +528,8 @@
/>
{:else}
<InlineCheckbox
name="{id}-{row.id}"
id={inputId}
name={inputName}
checked={selectedRowIds.includes(row.id)}
on:change={() => {
if (selectedRowIds.includes(row.id)) {

3
tests/DataTable/DuplicateDataTables.test.svelte
View file

@ -14,3 +14,6 @@
<DataTable radio {headers} {rows} />
<DataTable radio {headers} {rows} />
<DataTable batchSelection selectable {headers} {rows} />
<DataTable batchSelection selectable {headers} {rows} />