Improve docker clone row matching for left-column centering

Author: alexphillips-dev

archive/folderview.plus-2026.03.08.6.txz

@@ -6,13 +6,19 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/main/folderview.plus.plg">
-<!ENTITY version "2026.03.08.5">
-<!ENTITY md5 "292969f4dacb98f9268ce80256b6324f">
+<!ENTITY version "2026.03.08.6">
+<!ENTITY md5 "0006d7b11b6eb358a9685ebee00735a7">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-open-o" support="https://github.com/alexphillips-dev/FolderView-Plus/issues" min="7.0.0">
     <CHANGES>
 
+###2026.03.08.6
+- Improve clone-row height matching reliability for Docker folder left column:
+  - match clone rows to main rows by folder id, then folder name, with index fallback,
+  - source canonical heights from `#docker_list` rows only,
+  - keep main rows natural while applying synced heights to clone rows for true visual centering.
+
 ###2026.03.08.5
 - Rework Docker left-column centering sync to match by folder id content:
   - derive folder id from row class or hidden `folder-(id)` marker,

folderview.plus.plg

@@ -85,6 +85,17 @@ const getFolderIdFromRow = (row) => {
     return '';
 };
 
+const getFolderNameFromRow = (row) => {
+    if (!row || !row.querySelector) {
+        return '';
+    }
+    const label = row.querySelector('td.ct-name.folder-name a.exec.folder-appname');
+    if (!label || typeof label.textContent !== 'string') {
+        return '';
+    }
+    return label.textContent.trim();
+};
+
 const getRenderedRowHeight = (row) => {
     if (!row) {
         return 0;
@@ -121,6 +132,37 @@ const applyRowHeight = (row, height = 0) => {
     });
 };
 
+const buildMainFolderHeightLookup = () => {
+    const byId = new Map();
+    const byName = new Map();
+    const ordered = [];
+
+    const mainRows = Array.from(document.querySelectorAll('#docker_list tr')).filter((row) => {
+        return !!(row && row.querySelector && row.querySelector('td.ct-name.folder-name'));
+    });
+
+    mainRows.forEach((row) => {
+        const height = getRenderedRowHeight(row);
+        if (height <= 0) {
+            return;
+        }
+
+        ordered.push(height);
+
+        const folderId = getFolderIdFromRow(row);
+        if (folderId && !byId.has(folderId)) {
+            byId.set(folderId, height);
+        }
+
+        const folderName = getFolderNameFromRow(row);
+        if (folderName && !byName.has(folderName)) {
+            byName.set(folderName, height);
+        }
+    });
+
+    return { byId, byName, ordered };
+};
+
 const applyFolderCellCentering = (cell, rowHeight = 0) => {
     if (!cell) {
         return false;
@@ -171,31 +213,42 @@ const applyFolderCellCentering = (cell, rowHeight = 0) => {
 };
 
 const forceAllFolderRowsVerticalCenter = () => {
-    const mainRowHeightByFolderId = new Map();
-    document.querySelectorAll('#docker_list tr').forEach((row) => {
-        const id = getFolderIdFromRow(row);
-        if (!id) {
+    const lookup = buildMainFolderHeightLookup();
+
+    const cloneRows = [];
+    const cloneSeen = new Set();
+    document.querySelectorAll('td.ct-name.folder-name').forEach((cell) => {
+        const row = cell.parentElement;
+        if (!row || isMainDockerRow(row) || cloneSeen.has(row)) {
             return;
         }
-        const height = getRenderedRowHeight(row);
-        if (height > 0) {
-            mainRowHeightByFolderId.set(id, height);
-        }
+        cloneSeen.add(row);
+        cloneRows.push(row);
     });
 
-    const processedRows = new Set();
-    document.querySelectorAll('td.ct-name.folder-name').forEach((cell) => {
-        const parentRow = cell.parentElement;
-        if (!parentRow || processedRows.has(parentRow)) {
-            return;
+    cloneRows.forEach((row, index) => {
+        const folderId = getFolderIdFromRow(row);
+        const folderName = getFolderNameFromRow(row);
+        let targetHeight = 0;
+
+        if (folderId && lookup.byId.has(folderId)) {
+            targetHeight = lookup.byId.get(folderId);
+        } else if (folderName && lookup.byName.has(folderName)) {
+            targetHeight = lookup.byName.get(folderName);
+        } else if (lookup.ordered.length > 0) {
+            targetHeight = lookup.ordered[Math.min(index, lookup.ordered.length - 1)];
         }
-        processedRows.add(parentRow);
 
-        const folderId = getFolderIdFromRow(parentRow);
-        const mainHeight = folderId ? (mainRowHeightByFolderId.get(folderId) || 0) : 0;
-        const targetHeight = !isMainDockerRow(parentRow) && mainHeight > 0 ? mainHeight : 0;
-        applyRowHeight(parentRow, targetHeight);
-        applyFolderCellCentering(cell, targetHeight);
+        applyRowHeight(row, targetHeight);
+        row.querySelectorAll('td.ct-name.folder-name').forEach((cell) => {
+            applyFolderCellCentering(cell, targetHeight);
+        });
+    });
+
+    document.querySelectorAll('#docker_list td.ct-name.folder-name').forEach((cell) => {
+        const row = cell.parentElement;
+        applyRowHeight(row, 0);
+        applyFolderCellCentering(cell, 0);
     });
 };