* Adjust code .

module/doc/css/tablecontents.css

@@ -6,7 +6,8 @@
 .h-full {height: 100%;}
 .w-full {width: 100%;}
 .overflow-x-auto {overflow-x: auto;}
-#mainContent {padding-top: 0; padding-bottom: 0; height: calc(100vh - 125px)}
+.overflow-auto {overflow: auto;}
+#mainContent {padding-top: 0; padding-bottom: 0; height: calc(100vh - 125px);}
 #mainContent #createDropdown {display: inline-block;}
 #mainContent #createDropdown ul {position: absolute;}
 #pageNav .dropdown-menu {max-height: inherit;}

module/doc/js/tablecontents.js

@@ -321,6 +321,7 @@ $(function()
         }
     }).on('mousemove', function()
     {
+        if(!$('#sideBar.hidden').length)
         $(this).find('.spliter-btn').removeClass('hidden');
     }).on('mouseout', function()
     {

module/doc/view/tablecontents.html.php

@@ -67,7 +67,7 @@
   </div>
 </div>
 <div id='mainContent'class="fade flex split-row">
-  <div id='sideBar' class="panel side side-col col overflow-x-auto flex-none" data-min-width="150">
+  <div id='sideBar' class="panel side side-col col overflow-auto flex-none" data-min-width="150">
     <div id="fileTree" class="file-tree"></div>
   </div>
   <div id="spliter" class="spliter col-spliter sidebar-toggle">
@@ -76,7 +76,7 @@
       <div class="spliter-inner"></div>
     </div>
   </div>
-  <div class="main-col flex-full col overflow-x-auto flex-auto" data-min-width="500">
+  <div class="main-col flex-full col overflow-auto flex-auto" data-min-width="500">
     <div class="cell<?php if($browseType == 'bySearch') echo ' show';?>" style="min-width: 400px" id="queryBox" data-module=<?php echo $type . $libType . 'Doc';?>></div>
     <?php
     if($browseType == 'annex')