@lavalogic/scoria 0.37.21 → 0.37.22

package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte

@@ -122,16 +122,24 @@
 		class:multifocus-start={focusDetails.isMultiFocusStart}
 		bind:this={cellRef}
 		onmousedown={(e) => {
-			// Stop the browser's default mousedown -> focus side effect
-			// on the inner Action button. The default focus call
-			// implicitly calls `scrollIntoView` against the button (which
-			// sits inside a sticky right-pinned cell whose layout position
-			// is at the far right end of the row), causing the table to
-			// jump horizontally on every click of the ellipsis menu. We
-			// still want focus / activation behaviour, so the click handler
-			// on the Action proper handles the popup toggle and the outer
-			// `.focusable` cell handler manages the focus state.
+			// Suppress the click-side effects that cause the table to
+			// jump horizontally on Action button clicks:
+			//   1. `preventDefault()` cancels the browser's default
+			//      mousedown -> focus on the inner `<button>`, which
+			//      otherwise calls `scrollIntoView` against the button's
+			//      underlying position (far right of the row, since the
+			//      Actions column is sticky-pinned right).
+			//   2. `stopPropagation()` keeps the event out of the outer
+			//      `.focusable` cell handler, which would otherwise call
+			//      `tableContext.startFocus(...)` and trigger Table.svelte's
+			//      focusStart $effect -> another `scrollIntoView`. Even
+			//      with the pinned-cell-skip in that effect, focus state
+			//      changes feed back into other scroll-restore paths.
+			// The Action's own `onclick` fires regardless (click is dispatched
+			// on mouseup independent of mousedown handling), so the popup
+			// toggle still works.
 			e.preventDefault();
+			e.stopPropagation();
 		}}
 	>
 		<!-- TODO {isMultiFocusStart} -->

package/dist/Components/Table/Misc/TableFooter.svelte

@@ -349,20 +349,18 @@
   --input-width: 4rem;
   --input-border: none;
 }
-.spread_row .records-per-page {
-  --input-width: 4.5rem;
-  padding: 0 0.5rem;
-  gap: 0.375rem;
-}
-.spread_row .records-per-page.nopad {
+.spread_row .block.nopad {
   padding: 0;
   --button-padding-horizontal: 1rem;
   --button-padding-vertical: 0.56rem;
 }
-.spread_row .records-per-page.nopad.page-arrow {
+.spread_row .block.nopad.page-arrow {
   --button-padding-horizontal: 0.6rem;
   --button-padding-vertical: 0.42rem;
 }
+.spread_row .block.records-per-page {
+  --input-width: 3.5rem;
+}
 .spread_row span,
 .spread_row label {
   white-space: nowrap;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.21",
+  "version": "0.37.22",
   "publishConfig": {
     "access": "restricted"
   },