@optionfactory/fml 9.0.0-rc36 → 9.0.0-rc37

package/dist/fml.iife.js

@@ -12152,6 +12152,19 @@ var fml = (function (exports) {
             }
             table.insertBefore(columns, table.tHead);
         }
+        /**
+         * Locks the widths of the columns again, on the rows now in the page, when
+         * one of them holds something its column has no room for and that cannot
+         * wrap: left as it is it would stick out of the table, and the rows would
+         * scroll sideways for it.
+         */
+        #widenColumns() {
+            const cramped = [...this.#body.querySelectorAll(':scope > tr > *')].some((cell) => cell.scrollWidth > cell.clientWidth + 1);
+            if (cramped) {
+                this.#unlockColumns();
+                this.#lockColumns();
+            }
+        }
         #unlockColumns() {
             this.#body.parentElement?.querySelector(':scope > colgroup[data-ref=widths]')?.remove();
         }
@@ -12317,6 +12330,7 @@ var fml = (function (exports) {
                 this.#total = answers.at(-1)?.response.size ?? this.#total;
                 this.#body.parentElement?.setAttribute('aria-rowcount', String(this.#total + 1));
                 this.#fitSpacers();
+                this.#widenColumns();
                 if (anchor) {
                     this.#wrapper.scrollTop += anchor.getBoundingClientRect().top - anchorTop;
                 }
@@ -12324,6 +12338,7 @@ var fml = (function (exports) {
                 if (claim.stale) {
                     return;
                 }
+                this.#widenColumns();
                 if (anchor) {
                     // the elements in the new rows have rendered since, which can change their height
                     this.#wrapper.scrollTop += anchor.getBoundingClientRect().top - anchorTop;
@@ -12408,6 +12423,7 @@ var fml = (function (exports) {
                 if (claim.stale) {
                     return;
                 }
+                this.#widenColumns();
                 this.removeAttribute('aria-busy');
                 this.#countInView();
                 for (const { pageRequest, response } of shown) {