flexdesk 0.15.0 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flexdesk",
-    "version": "0.15.0",
+    "version": "0.15.2",
     "description": "A tiling window manager and widget set for desktop-class web applications. Zero runtime dependencies.",
     "license": "MIT",
     "repository": {

package/src/tiling/tile_breadcrumb.js

@@ -238,14 +238,18 @@ function _renderInto(container, segments) {
         const isLast = i === segments.length - 1;
         if (isLast || !seg.onClick) {
             li.classList.add('twm-topbar-breadcrumb__item--current');
+            // The current level, for assistive technology; the title carries
+            // the full label once a host's CSS truncates it (Tables BUG-0109).
+            li.setAttribute('aria-current', 'page');
             li.innerHTML = `
                 <span class="material-symbols-outlined twm-topbar-breadcrumb__icon">${_esc(seg.icon)}</span>
-                <span class="twm-topbar-breadcrumb__current">${_esc(seg.label)}</span>
+                <span class="twm-topbar-breadcrumb__current" title="${_esc(seg.label)}">${_esc(seg.label)}</span>
             `;
         } else {
             const btn = document.createElement('button');
             btn.className = 'twm-topbar-breadcrumb__link';
             btn.type = 'button';
+            btn.title = String(seg.label ?? '');
             btn.innerHTML = `
                 <span class="material-symbols-outlined twm-topbar-breadcrumb__icon">${_esc(seg.icon)}</span>
                 <span>${_esc(seg.label)}</span>

package/src/ui/components/alerts_pane.js

@@ -22,12 +22,20 @@
  * button is down inside the pane a repaint waits, and runs once it is up.
  * The bar (chips, the filter, the buttons) is built once and updated in
  * place, so typing in the filter never loses the caret either.
+ *
+ * OLDER ENTRIES LOAD AS YOU SCROLL (Tables STORY-0293): when the list is
+ * scrolled to within :data:`MORE_WITHIN_PX` of its end and the source has
+ * more, the next page is asked for — once at a time.  *Load older* stays at the
+ * end, for a list too short to scroll and for the keyboard.
  */
 
 import { ALERT_LEVELS, ago, dayLabel, normalizeLevel } from './alert_log.js';
 
 const CHIPS = [['all', 'All'], ['alert', 'Alert'], ['warning', 'Warning'], ['info', 'Info']];
 
+/** How near the end of the list a scroll asks for the next page. */
+export const MORE_WITHIN_PX = 48;
+
 /**
  * @param {HTMLElement} host
  * @param {object}   opts
@@ -271,6 +279,14 @@ export function mountAlertsPane(host, {
     });
     input.addEventListener('input', () => { q = input.value; paint(); });
 
+    let loadingMore = false;
+    list.addEventListener('scroll', () => {
+        if (loadingMore || !log.hasMore()) return;
+        if (list.scrollTop + list.clientHeight < list.scrollHeight - MORE_WITHIN_PX) return;
+        loadingMore = true;
+        Promise.resolve(log.loadMore()).catch(() => {}).finally(() => { loadingMore = false; });
+    });
+
     const unsubscribe = log.subscribe(() => paint());
     // "5 min ago" moves on its own.
     const timer = setInterval(paint, 60000);