Use preview-based source row detection for docker clone centering

Author: alexphillips-dev

archive/folderview.plus-2026.03.08.7.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.6">
-<!ENTITY md5 "0006d7b11b6eb358a9685ebee00735a7">
+<!ENTITY version "2026.03.08.7">
+<!ENTITY md5 "75eb1e22d1cc01b213b7ce34776088b6">
 ]>
 
 <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.7
+- Make Docker clone-row matching independent of table IDs/classes:
+  - treat rows with `folder-preview` as canonical source rows,
+  - treat rows without `folder-preview` as clone rows,
+  - sync clone heights by folder id, then folder name, then index fallback.
+
 ###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,

folderview.plus.plg

@@ -106,8 +106,8 @@ const getRenderedRowHeight = (row) => {
     return Math.max(Math.round(rectHeight), Math.round(offsetHeight), 0);
 };
 
-const isMainDockerRow = (row) => {
-    return !!(row && row.closest && row.closest('#docker_list'));
+const rowHasFolderPreview = (row) => {
+    return !!(row && row.querySelector && row.querySelector('div.folder-preview'));
 };
 
 const applyRowHeight = (row, height = 0) => {
@@ -137,8 +137,8 @@ const buildMainFolderHeightLookup = () => {
     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'));
+    const mainRows = Array.from(document.querySelectorAll('tr')).filter((row) => {
+        return !!(row && rowHasFolderPreview(row) && row.querySelector && row.querySelector('td.ct-name.folder-name'));
     });
 
     mainRows.forEach((row) => {
@@ -219,7 +219,7 @@ const forceAllFolderRowsVerticalCenter = () => {
     const cloneSeen = new Set();
     document.querySelectorAll('td.ct-name.folder-name').forEach((cell) => {
         const row = cell.parentElement;
-        if (!row || isMainDockerRow(row) || cloneSeen.has(row)) {
+        if (!row || rowHasFolderPreview(row) || cloneSeen.has(row)) {
             return;
         }
         cloneSeen.add(row);
@@ -245,10 +245,20 @@ const forceAllFolderRowsVerticalCenter = () => {
         });
     });
 
-    document.querySelectorAll('#docker_list td.ct-name.folder-name').forEach((cell) => {
-        const row = cell.parentElement;
+    document.querySelectorAll('tr').forEach((row) => {
+        if (!rowHasFolderPreview(row)) {
+            return;
+        }
+        row.querySelectorAll('td.ct-name.folder-name').forEach((cell) => {
+            applyFolderCellCentering(cell, 0);
+        });
         applyRowHeight(row, 0);
-        applyFolderCellCentering(cell, 0);
+    });
+    document.querySelectorAll('tr td.ct-name.folder-name').forEach((cell) => {
+        const row = cell.parentElement;
+        if (row && !rowHasFolderPreview(row) && !cloneSeen.has(row)) {
+            applyFolderCellCentering(cell, 0);
+        }
     });
 };