Remove the term "wrapper"

Author: piroor

webextensions/sidebar/pinned-tabs.js

@@ -123,7 +123,7 @@ export function reposition(options = {}) {
       //log('=> new row');
     }
   }
-  SidebarTabs.pinnedContainerWrapper.classList.toggle('overflow', contentsHeight > mAreaHeight);
+  SidebarTabs.pinnedContainer.classList.toggle('overflow', contentsHeight > mAreaHeight);
 }
 
 export function reserveToReposition(options = {}) {

webextensions/sidebar/sidebar-tabs.js

@@ -45,8 +45,8 @@ let mPromisedInitialized = new Promise((resolve, _reject) => {
   mPromisedInitializedResolver = resolve;
 });
 
-export const pinnedContainerWrapper = document.querySelector('#pinned-tabs-container');
-export const noramlContainerWrapper = document.querySelector('#normal-tabs-container');
+export const pinnedContainer = document.querySelector('#pinned-tabs-container');
+export const normalContainer = document.querySelector('#normal-tabs-container');
 
 export const onPinnedTabsChanged = new EventListenerManager();
 export const onNormalTabsChanged = new EventListenerManager();
@@ -393,7 +393,7 @@ Window.onInitialized.addListener(win => {
   let pinnedContainer = document.getElementById(`window-${windowId}-pinned`);
   if (!pinnedContainer) {
     pinnedContainer = document.createElement('ul');
-    pinnedContainerWrapper.appendChild(pinnedContainer);
+    pinnedContainer.appendChild(pinnedContainer);
   }
   pinnedContainer.dataset.windowId = windowId;
   pinnedContainer.setAttribute('id', `window-${windowId}-pinned`);
@@ -411,8 +411,8 @@ Window.onInitialized.addListener(win => {
     wrapper.classList.add('virtual-scroll-container');
     wrapper.classList.add('vbox');
     wrapper.appendChild(container);
-    noramlContainerWrapper.appendChild(wrapper);
-    const spacer = noramlContainerWrapper.appendChild(document.createElement('div'));
+    normalContainer.appendChild(wrapper);
+    const spacer = normalContainer.appendChild(document.createElement('div'));
     spacer.classList.add('vbox');
     spacer.classList.add(Constants.kTABBAR_SPACER);
   }

webextensions/sidebar/sidebar.js

@@ -524,9 +524,9 @@ function updateContextualIdentitiesSelector() {
 export async function rebuildAll(importedTabs) {
   MetricsData.add('rebuildAll: start');
   const range = document.createRange();
-  range.selectNodeContents(SidebarTabs.pinnedContainerWrapper);
+  range.selectNodeContents(SidebarTabs.pinnedContainer);
   range.deleteContents();
-  range.selectNodeContents(SidebarTabs.noramlContainerWrapper);
+  range.selectNodeContents(SidebarTabs.normalContainer);
   range.deleteContents();
   range.detach();
 
@@ -760,7 +760,7 @@ function updateTabbarLayout({ reason, reasons, timeout, justNow } = {}) {
   if (!(reasons & Constants.kTABBAR_UPDATE_REASON_VIRTUAL_SCROLL_VIEWPORT_UPDATE))
     Scroll.reserveToRenderVirtualScrollViewport();
 
-  if (SidebarTabs.noramlContainerWrapper.classList.contains(Constants.kTABBAR_STATE_OVERFLOW)) {
+  if (SidebarTabs.normalContainer.classList.contains(Constants.kTABBAR_STATE_OVERFLOW)) {
     window.requestAnimationFrame(() => {
       // scrollbar is shown only when hover on Windows 11, Linux, and macOS.
       const virtualScrollContainer = document.querySelector('.virtual-scroll-container');
@@ -778,7 +778,7 @@ function updateTabbarLayout({ reason, reasons, timeout, justNow } = {}) {
 }
 updateTabbarLayout.lastUpdateReasons = 0;
 
-SidebarTabs.noramlContainerWrapper.addEventListener('overflow', event => {
+SidebarTabs.normalContainer.addEventListener('overflow', event => {
   if (event.target != event.currentTarget)
     return;
 
@@ -814,7 +814,7 @@ SidebarTabs.noramlContainerWrapper.addEventListener('overflow', event => {
   });
 });
 
-SidebarTabs.noramlContainerWrapper.addEventListener('underflow', event => {
+SidebarTabs.normalContainer.addEventListener('underflow', event => {
   if (event.target != event.currentTarget)
     return;