fix: ensure selected tab from overflow is correctly displayed

Close #16
FlowingCode · Jul 8, 2024 · 20c25de · 20c25de
1 parent a382994
commit 20c25de
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/main/resources/META-INF/frontend/fcEnhancedTabs/connector.js b/src/main/resources/META-INF/frontend/fcEnhancedTabs/connector.js
@@ -64,9 +64,9 @@
 			// move the selected tab out of the overflow button
 			buttons  = tabs._buttons;
 			const selectedIndex = buttons.findIndex(e=>e.item.component && e.item.component.querySelector('vaadin-tab[selected]'));
-			const overflowIndex  = buttons.findIndex(e=>e.style.visibility);
-			if (selectedIndex>=overflowIndex && overflowIndex>0) {
-				buttons[0].parentElement.insertBefore(buttons[selectedIndex], buttons[overflowIndex-1]);
+			let overflowIndex  = buttons.findIndex(e=>e.style.visibility);
+			while (selectedIndex>=overflowIndex && overflowIndex>0 && buttons[selectedIndex].style.visibility) {
+				buttons[0].parentElement.insertBefore(buttons[selectedIndex], buttons[overflowIndex--]);
 				__detectOverflow();
 				buttons[selectedIndex]._position = selectedIndex;
 			}