From a3c4875f465193e6807898900d033dd67aa87c84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marie=20Wahlstr=C3=B8m?= <mariewah@stud.ntnu.no>
Date: Thu, 30 Oct 2025 11:09:15 +0100
Subject: [PATCH] fix(#46): :bug: Fixed display bug (I think)

---
 src/AcceptedFiltering/threePanels.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/AcceptedFiltering/threePanels.js b/src/AcceptedFiltering/threePanels.js
index 249df0f..0b751ee 100644
--- a/src/AcceptedFiltering/threePanels.js
+++ b/src/AcceptedFiltering/threePanels.js
@@ -88,7 +88,7 @@ function ensurePanelScaffold(listId) {
  * @param {'elevation'|'accepted'} key
  */
 function showOnly(key) {
-  const elevBody = byId('elevation2_list')?.querySelector('.panel-body')
+  const elevBody = byId('elevation_list')?.querySelector('.panel-body')
   const accBody = byId('accepted_list_host')?.querySelector('.panel-body')
 
   if (elevBody) elevBody.style.display = key === 'elevation' ? '' : 'none'
@@ -150,7 +150,7 @@ function selectCloudNode(hooks) {
  * @param {number} pollEvery
  * @returns {Promise<HTMLElement|null>}
  */
-async function waitForOrPoll(id, softMs = 1400, pollEvery = 120) {
+async function waitForOrPoll(id, softMs = 1400, pollEvery = 10) {
   const start = performance.now()
   while (performance.now() - start < softMs) {
     const el = byId(id)
@@ -168,9 +168,9 @@ function createElevationPanel() {
   insertSection({
     headerId: 'menu_elevation',
     headerText: 'Elevation Control',
-    listId: 'elevation2_list'
+    listId: 'elevation_list'
   })
-  ensurePanelScaffold('elevation2_list')
+  ensurePanelScaffold('elevation_list')
 }
 
 /**
@@ -178,7 +178,7 @@ function createElevationPanel() {
  * @param {{onActivateElevation?:Function}} hooks
  */
 function ensureElevationButton(hooks) {
-  const { btns } = ensurePanelScaffold('elevation2_list')
+  const { btns } = ensurePanelScaffold('elevation_list')
   if (!btns || byId('btnDoElevationControl')) return
 
   const btn = document.createElement('button')
@@ -219,7 +219,7 @@ function setUpElevationSlider(hooks) {
  * @returns {boolean} true if moved or already in place
  */
 function moveElevationContainer(hooks) {
-  const { body } = ensurePanelScaffold('elevation2_list')
+  const { body } = ensurePanelScaffold('elevation_list')
   const src = byId('materials.elevation_container')
   if (!body || !src) return false
 
@@ -228,6 +228,7 @@ function moveElevationContainer(hooks) {
     setUpElevationSlider(hooks)
     accordionRefresh()
   }
+  src.style.removeProperty('display')
   return true
 }
 
@@ -412,7 +413,7 @@ function attachSelfHealing(activeGetter, hooks) {
     const mode = activeGetter()
     if (mode === 'elevation') {
       const src = byId('materials.elevation_container')
-      const { body } = ensurePanelScaffold('elevation2_list')
+      const { body } = ensurePanelScaffold('elevation_list')
       if (src && body && src.parentNode !== body) moveElevationContainer(hooks)
     }
   })