fix: Fix tooltips disappearing issue (#174)

Fixes #173
ietf-tools · Aug 23, 2023 · 97f403f · 97f403f
1 parent edf5539
commit 97f403f
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 20 deletions.
diff --git a/www/scripts/abnf.js b/www/scripts/abnf.js
@@ -8,14 +8,14 @@ const preErrors = document.getElementById('preErrors');
 const accordionItemAbnf = document.getElementById('accordionItemAbnf');
 const preAbnf = document.getElementById('preAbnf');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle2="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formInput.addEventListener('keydown', submit);
 buttonExtract.addEventListener('click', extract);
 buttonParse.addEventListener('click', parse);
@@ -28,6 +28,10 @@ function submit(event) {
 }
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   resetButtons();
   accordionItemErrors.style.display = 'none';
   preErrors.innerHTML = '';

diff --git a/www/scripts/clean-svg-ids.js b/www/scripts/clean-svg-ids.js
@@ -9,18 +9,22 @@ const listWarnings = document.getElementById('listWarnings');
 const listErrors = document.getElementById('listErrors');
 const buttonClean = document.getElementById('buttonClean');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formFile.addEventListener('change', reset);
 buttonClean.addEventListener('click', clean);
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   alertError.style.display = 'none';
   buttonDownload.style.display = 'none';
   buttonDownload.setAttribute('download', '');

diff --git a/www/scripts/iddiff.js b/www/scripts/iddiff.js
@@ -17,14 +17,14 @@ const buttonShare = document.getElementById('buttonShare');
 const tabLinks = document.getElementsByClassName('tab-link');
 const switchRaw = document.getElementById('switchRaw');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle2="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formFile1.addEventListener('change', reset);
 formFile2.addEventListener('change', reset);
 formID1.addEventListener('keydown', submit);
@@ -58,6 +58,10 @@ function resetForm(form_id) {
 }
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   alertError.style.display = 'none';
   messageError.innerHTML = '';
   divDiff.innerHTML = '';

diff --git a/www/scripts/idnits.js b/www/scripts/idnits.js
@@ -7,14 +7,14 @@ const switchShowText = document.getElementById('switchShowText');
 const switchSubmissionCheck = document.getElementById('switchSubmissionCheck');
 const tabLinks = document.getElementsByClassName('tab-link');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle2="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formURL.addEventListener('keydown', submit);
 buttonIdnits.addEventListener('click', idnits);
 buttonSubmissionCheck.addEventListener('click', submissionCheck);
@@ -42,6 +42,10 @@ function submit(event) {
 }
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   resetButtons();
 }
 

diff --git a/www/scripts/main.js b/www/scripts/main.js
@@ -20,14 +20,14 @@ const preNonASCII = document.getElementById('preNonASCII');
 const buttonDiff = document.getElementById('buttonDiff');
 const divDiff = document.getElementById('divDiff');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formFile.addEventListener('change', reset);
 buttonValidate.addEventListener('click', validate);
 buttonDiff.addEventListener('click', diff);
@@ -37,6 +37,10 @@ for (let button of renderButtons) {
 }
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   alertError.style.display = 'none';
   buttonDownload.style.display = 'none';
   buttonDownload.setAttribute('download', '');

diff --git a/www/scripts/rfcdiff.js b/www/scripts/rfcdiff.js
@@ -16,14 +16,14 @@ const buttonOpen = document.getElementById('buttonOpen');
 const buttonShare = document.getElementById('buttonShare');
 const tabLinks = document.getElementsByClassName('tab-link');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle2="tooltip"]'));
-var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 formFile1.addEventListener('change', reset);
 formFile2.addEventListener('change', reset);
 formID1.addEventListener('keydown', submit);
@@ -57,6 +57,10 @@ function resetForm(form_id) {
 }
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   alertError.style.display = 'none';
   messageError.innerHTML = '';
   divDiff.innerHTML = '';

diff --git a/www/scripts/svgcheck.js b/www/scripts/svgcheck.js
@@ -11,17 +11,21 @@ const preErrors = document.getElementById('preErrors');
 const preSVGCheck = document.getElementById('preSVGCheck');
 const codeParsedSVG = document.getElementById('codeParsedSVG');
 
-reset();
-
 // enable Bootstrap/Popper tooltips
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
 var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl);
 });
 
+reset();
+
 buttonCheck.addEventListener('click', parse);
 
 function reset() {
+  for (let tooltip of tooltipList) {
+    tooltip.hide();
+  }
+
   alertError.style.display = 'none';
   accordionItemErrors.style.display = 'none';
   accordionItemSVGCheck.style.display = 'none';