fix(data-table): prevent selectable datatable with sticky header from jumping

Fixes #1228
This commit is contained in:
Eric Liu 2022-04-04 19:21:08 -07:00
commit 65e54f1e36

View file

@ -18,20 +18,22 @@
export let ref = null;
</script>
<input
bind:this="{ref}"
type="checkbox"
class:bx--checkbox="{true}"
checked="{indeterminate ? false : checked}"
indeterminate="{indeterminate}"
id="{id}"
{...$$restProps}
aria-label="{undefined}"
aria-checked="{indeterminate ? 'mixed' : checked}"
on:change
/>
<label
for="{id}"
title="{title}"
aria-label="{$$props['aria-label']}"
class:bx--checkbox-label="{true}"></label>
<div class:bx--checkbox--inline="{true}">
<input
bind:this="{ref}"
type="checkbox"
class:bx--checkbox="{true}"
checked="{indeterminate ? false : checked}"
indeterminate="{indeterminate}"
id="{id}"
{...$$restProps}
aria-label="{undefined}"
aria-checked="{indeterminate ? 'mixed' : checked}"
on:change
/>
<label
for="{id}"
title="{title}"
aria-label="{$$props['aria-label']}"
class:bx--checkbox-label="{true}"></label>
</div>