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

Fixes #1228
This commit is contained in:
metonym 2022-04-04 19:37:54 -07:00 committed by GitHub
commit e8da9d7e9b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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