@websy/websy-designs 1.9.1 → 1.9.2

package/dist/websy-designs-es6.debug.js

@@ -6931,6 +6931,13 @@ class WebsyTable3 {
     //   bodyEl.style.height = `calc(100% - ${this.sizes.header.height}px - ${this.sizes.total.height}px)`
     // }    
     bodyEl.style.height = `${this.sizes.bodyHeight}px`
+    if (this.isTouchDevice === true) {
+      let touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+      if (touchScrollEl) {
+        touchScrollEl.style.top = `${this.sizes.header.height}px`
+        touchScrollEl.style.height = `calc(100% - ${this.sizes.header.height + 30}px)`
+      }
+    }
     if (this.options.virtualScroll === true) {
       // set the scroll element positions
       let vScrollEl = document.getElementById(`${this.elementId}_vScrollContainer`)
@@ -6938,6 +6945,9 @@ class WebsyTable3 {
       if (this.vScrollRequired === true) {        
         vScrollEl.style.top = `${this.sizes.header.height + this.sizes.total.height}px`
         vScrollEl.style.height = `${this.sizes.bodyHeight}px` 
+        if (this.isTouchDevice === true) {
+          vScrollEl.style.visibility = `unset` 
+        }
         vHandleEl.style.height = Math.max(this.options.minHandleSize, this.sizes.bodyHeight * (this.sizes.rowsToRenderPrecise / this.totalRowCount)) + 'px'        
         const scrollableSpace = vScrollEl.getBoundingClientRect().height - vHandleEl.getBoundingClientRect().height
         vHandleEl.style.top = Math.round(this.startRow / (this.totalRowCount - this.sizes.rowsToRender) * (scrollableSpace)) + 'px'        
@@ -6951,6 +6961,9 @@ class WebsyTable3 {
         hScrollEl.style.left = `${this.sizes.table.width - this.sizes.scrollableWidth}px`
         hScrollEl.style.width = `${this.sizes.scrollableWidth - (this.isTouchDevice ? 30 : 20)}px` 
         hHandleEl.style.width = Math.max(this.options.minHandleSize, this.sizes.scrollableWidth * (this.sizes.scrollableWidth / this.sizes.totalNonPinnedWidth)) + 'px'
+        if (this.isTouchDevice === true) {
+          hScrollEl.style.visibility = `unset` 
+        }
       }  
       else {
         hHandleEl.style.width = '0px'

package/dist/websy-designs-es6.js

@@ -6635,6 +6635,13 @@ var WebsyTable3 = /*#__PURE__*/function () {
       //   bodyEl.style.height = `calc(100% - ${this.sizes.header.height}px - ${this.sizes.total.height}px)`
       // }    
       bodyEl.style.height = "".concat(this.sizes.bodyHeight, "px");
+      if (this.isTouchDevice === true) {
+        var touchScrollEl = document.getElementById("".concat(this.elementId, "_touchScroller"));
+        if (touchScrollEl) {
+          touchScrollEl.style.top = "".concat(this.sizes.header.height, "px");
+          touchScrollEl.style.height = "calc(100% - ".concat(this.sizes.header.height + 30, "px)");
+        }
+      }
       if (this.options.virtualScroll === true) {
         // set the scroll element positions
         var vScrollEl = document.getElementById("".concat(this.elementId, "_vScrollContainer"));
@@ -6642,6 +6649,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
         if (this.vScrollRequired === true) {
           vScrollEl.style.top = "".concat(this.sizes.header.height + this.sizes.total.height, "px");
           vScrollEl.style.height = "".concat(this.sizes.bodyHeight, "px");
+          if (this.isTouchDevice === true) {
+            vScrollEl.style.visibility = "unset";
+          }
           vHandleEl.style.height = Math.max(this.options.minHandleSize, this.sizes.bodyHeight * (this.sizes.rowsToRenderPrecise / this.totalRowCount)) + 'px';
           var scrollableSpace = vScrollEl.getBoundingClientRect().height - vHandleEl.getBoundingClientRect().height;
           vHandleEl.style.top = Math.round(this.startRow / (this.totalRowCount - this.sizes.rowsToRender) * scrollableSpace) + 'px';
@@ -6654,6 +6664,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
           hScrollEl.style.left = "".concat(this.sizes.table.width - this.sizes.scrollableWidth, "px");
           hScrollEl.style.width = "".concat(this.sizes.scrollableWidth - (this.isTouchDevice ? 30 : 20), "px");
           hHandleEl.style.width = Math.max(this.options.minHandleSize, this.sizes.scrollableWidth * (this.sizes.scrollableWidth / this.sizes.totalNonPinnedWidth)) + 'px';
+          if (this.isTouchDevice === true) {
+            hScrollEl.style.visibility = "unset";
+          }
         } else {
           hHandleEl.style.width = '0px';
         }