From 5668309babc108096d5fdec64bf64eeed4479121 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 22 Aug 2023 19:34:20 +0100
Subject: [PATCH] fix touch area

---
 src/lib/elements/table/cell.svelte      | 4 +++-
 src/lib/elements/table/cellCheck.svelte | 8 ++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/lib/elements/table/cell.svelte b/src/lib/elements/table/cell.svelte
index 4c778d31a..b594d69bb 100644
--- a/src/lib/elements/table/cell.svelte
+++ b/src/lib/elements/table/cell.svelte
@@ -3,11 +3,13 @@
     export let onlyDesktop = false;
     export let width: number = null;
     export let showOverflow = false;
+    let className = '';
+    export { className as class };
 </script>
 
 <div
     style={width ? `--p-col-width:${width?.toString()}` : ''}
-    class="table-col"
+    class="table-col {className}"
     class:u-overflow-visible={showOverflow}
     class:is-only-desktop={onlyDesktop}
     data-title={title}
diff --git a/src/lib/elements/table/cellCheck.svelte b/src/lib/elements/table/cellCheck.svelte
index 05f506b21..4f73f4a69 100644
--- a/src/lib/elements/table/cellCheck.svelte
+++ b/src/lib/elements/table/cellCheck.svelte
@@ -23,8 +23,8 @@
     };
 </script>
 
-<TableCell>
-    <div on:click={handleClick} on:keypress={handleClick} />
+<TableCell class="u-position-relative">
+    <div class="touch-area" on:click={handleClick} on:keypress={handleClick} />
     <InputCheckbox
         bind:element={el}
         id="select-{id}"
@@ -32,9 +32,9 @@
         on:click={handleClick} />
 </TableCell>
 
-<!-- <style lang="scss">
+<style lang="scss">
     .touch-area {
         position: absolute;
         inset: 0;
     }
-</style> -->
+</style>