From 65e54f1e3600d8514fd57044fe5708351e20c0d3 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 4 Apr 2022 19:21:08 -0700
Subject: [PATCH] fix(data-table): prevent selectable datatable with sticky
 header from jumping

Fixes #1228
---
 src/Checkbox/InlineCheckbox.svelte | 36 ++++++++++++++++--------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/Checkbox/InlineCheckbox.svelte b/src/Checkbox/InlineCheckbox.svelte
index 76f5fe72..e3603687 100644
--- a/src/Checkbox/InlineCheckbox.svelte
+++ b/src/Checkbox/InlineCheckbox.svelte
@@ -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>