Fixing infinite loop when several tabs are present

Based on how Bootstrap suggests to select tabs https://getbootstrap.com/docs/4.6/components/navs/#tabshow

1 files changed, 4 insertions, 3 deletions

diff --git a/static/js/tabpane-persist.js b/static/js/tabpane-persist.js
index 9d3883f..8a02bb6 100644
--- a/static/js/tabpane-persist.js
+++ b/static/js/tabpane-persist.js
@@ -4,15 +4,16 @@ if (typeof Storage !== 'undefined') {
         document
             .querySelectorAll('.tab-' + activeLanguage)
             .forEach((element) => {
-                element.click();
+              $('#' + element.id).tab('show');
             });
     }
 }
 function handleClick(language) {
     if (typeof Storage !== 'undefined') {
         localStorage.setItem('active_language', language);
-        document.querySelectorAll('.tab-' + language).forEach((element) => {
-            element.click();
+        document.querySelectorAll('.tab-' + language)
+          .forEach((element) => {
+            $('#' + element.id).tab('show');
         });
     }
 }