Fix VM quick rail anchoring on widget collapse

Author: alexphillips-dev

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/dashboard.js

@@ -571,9 +571,11 @@ const ensureDashboardWidgetLayoutQuickSwitchForType = (type) => {
     let $host = $(hostSelector).first();
     if (!$host.length) {
         $host = $(`<div class="fv-dashboard-layout-inline-host fv-dashboard-quick-rail-host" data-fv-dashboard-type="${resolvedType}"></div>`);
-        $container.addClass('fv-dashboard-layout-inline-container');
+        $container.prepend($host);
+    } else if (!$host.parent().is($container)) {
         $container.prepend($host);
     }
+    $container.addClass('fv-dashboard-layout-inline-container');
     if (!$host.hasClass('fv-dashboard-quick-rail-host')) {
         $host.addClass('fv-dashboard-quick-rail-host');
     }
@@ -857,7 +859,7 @@ const bindDashboardWidgetVisibilityObserverForType = (type) => {
     });
     const nodesToObserve = [];
     let current = containerNode;
-    for (let depth = 0; current && depth < 8; depth += 1) {
+    for (let depth = 0; current && depth < 16; depth += 1) {
         if (current instanceof Element) {
             nodesToObserve.push(current);
         }

tests/dashboard-layout-regression.test.mjs

@@ -100,6 +100,8 @@ test('dashboard runtime supports layout classes, accordion guards, and overflow
     assert.match(dashboardScript, /const normalizeDashboardOverflowMode = \(value\) =>/);
     assert.match(dashboardScript, /const applyDashboardLayoutStateForType = \(type\) =>/);
     assert.match(dashboardScript, /const scheduleDashboardLayoutApplyForType = \(type\) =>/);
+    assert.match(dashboardScript, /\$host\.parent\(\)\.is\(\$container\)/);
+    assert.match(dashboardScript, /\$container\.prepend\(\$host\)/);
     assert.match(dashboardScript, /if \(layout === 'accordion'\) \{/);
     assert.match(dashboardScript, /data-fv-dashboard-overflow="\$\{overflowMode\}"/);
     assert.match(dashboardScript, /class="fv-dashboard-expand-toggle-btn"/);