@svelte-lean/table 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @svelte-lean/table
 
+## 0.8.0
+
+No changes in this release.
+
+## 0.7.1
+
+### Patch Changes
+
+- cadfe5b: A cell holding a value the browser's find opened (`data-slean-found`, the findable primitive) lets it
+  stand past its edge and above the pinned cells beside it. A pinned cell's `position: sticky` and
+  `z-index` now come from the stylesheet (`[data-pin]`); the renderer's inline style carries only its
+  inset.
+
 ## 0.7.0
 
 No changes in this release.

package/dist/style.css

@@ -558,6 +558,18 @@
 		border-inline-end: 0;
 	}
 
+	/* A pinned cell sticks at the inset the renderer computes (an inline inset-inline-start/end). */
+	:where(.slean-table-scroll > table > * > tr > [data-pin]) {
+		position: sticky;
+		z-index: 2;
+	}
+	/* A cell holding a value the browser's find opened (a findable, `data-slean-found`) lets it
+	   stand past its edge, above the pinned cells beside it and below the sticky header. */
+	:where(.slean-table-scroll > table > tbody > tr > :has([data-slean-found])) {
+		overflow: visible;
+		z-index: 4;
+	}
+
 	/* Leading control columns and pinned columns. */
 	:where(.slean-table-selection, .slean-table-expander) {
 		position: sticky;

package/dist/table/data-table.svelte

@@ -828,7 +828,7 @@
 						? `calc(${offset}px + ${lead.join(' + ')})`
 						: `${offset}px`;
 				const property = side === 'left' ? 'inset-inline-start' : 'inset-inline-end';
-				result.set(col.id, { pin: side, style: `position:sticky;${property}:${inset};z-index:2;` });
+				result.set(col.id, { pin: side, style: `${property}:${inset};` });
 				offset += grid ? gridWidth(col) : table.columnWidth(col);
 				last = col.id;
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svelte-lean/table",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "A Svelte-native table and data-grid engine that ships only the features you use.",
   "license": "MIT",
   "author": "Ömer Say",