javascript - MaterializeCSS select() method doesn't work on IOS

Question

I have been working on materializecss.com to build a web app by using the google script platform but while everything works well under Windows, Linux, Android, it doesn't work on IOS (except chrome/firefox only on MAC). The problem seems to be related to .select(); method of Tabs structures. More specifically when enabling a particular tab by using instance.select('tab_id'); the ios devices redirect you to a new window instead of enabling the tab.

Is there any good solution to this? A sample code can be seen below.

    <nav class="nav-extended">
       <div class="nav-content">
         <ul id="navBarTabs" class="tabs">
           <li id="TabId1" class="tab"><a href="#tab1">TAB1</a></li>
           <li id="TabId2" class="tab disabled"><a href="#tab2">TAB2</a></li>     
         </ul>
       </div>
      </nav>

</script>
M.Tabs.init(document.getElementById("navBarTabs")).select("tab2");
</script>

The HTML page is rendered with this option:

HtmlService.createHtmlOutputFromFile("fileName").getContent().evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);

question from:https://stackoverflow.com/questions/65877801/materializecss-select-method-doesnt-work-on-ios

Answer 1

Waitting for answers