`; var alreadyExisitingMoreBtn = document.getElementById("tabsmorebtn"); if (alreadyExisitingMoreBtn) { alreadyExisitingMoreBtn.remove(); } lastTabItem.insertAdjacentHTML("afterend", moreBtn); declareMoreDropdownHandlers(); } function adaptTabs() { var container = document.querySelector('[role="tablist"]'); var tabwrapper = document.querySelector(".tabs-header-wrapper"); var allTabItems = document.querySelectorAll(tabsSelector); var containerWidth = container.offsetWidth; console.log("container width", containerWidth); var stopWidth = 160; var hiddenTabItems = []; allTabItems.forEach((element, index) => { var style = element.currentStyle || window.getComputedStyle(element), width = element.offsetWidth, // or use style.width margin = parseFloat(style.marginLeft) + parseFloat(style.marginRight), padding = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight), border = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth); var visualWidth = width + margin + padding + border; if (containerWidth >= stopWidth + element.offsetWidth) { stopWidth += visualWidth; element.classList.remove("hiddenitem"); } else { element.classList.add("hiddenitem"); hiddenTabItems.push(element); } }); if (hiddenTabItems.length > 0) { addMoreButton(hiddenTabItems); } else { var alreadyExisitingMoreBtn = document.getElementById("tabsmorebtn"); if (alreadyExisitingMoreBtn) { alreadyExisitingMoreBtn.remove(); } } initiateTabs(); } window.addEventListener("load", adaptTabs);