@oracle/oraclejet 13.0.2 → 13.0.4

package/dist/css/stable/oj-stable.css

@@ -333,7 +333,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v13.0.2"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v13.0.4"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;

package/dist/js/libs/oj/debug/ojcore-base.js

@@ -37,12 +37,12 @@ define(['ojs/ojlogger'], function (Logger) { 'use strict';
      * @global
      * @member {string} version JET version numberr
      */
-    version: '13.0.2',
+    version: '13.0.4',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-08-17_07-13-49',
+    revision: '2022-09-21_19-55-30',
 
     // This function is only meant to be used outside the library, so quoting the name
     // to avoid renaming is appropriate

package/dist/js/libs/oj/debug/ojdatagrid.js

@@ -23530,9 +23530,13 @@ var __oj_data_grid_metadata =
    * Clear all header highlight
    */
    DvtDataGrid.prototype._clearHeaderHighLight = function () {
-    const someSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
+    const headerSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
     + '.' + this.getMappedStyle('headercell');
-    const someSelectedHeaders = this.m_root.querySelectorAll(someSelectedSelector);
+    const selectedHeaders = this.m_root.querySelectorAll(headerSelectedSelector);
+    const endHeaderSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
+         + '.' + this.getMappedStyle('endheadercell');
+    const selectedEndHeaders = this.m_root.querySelectorAll(endHeaderSelectedSelector);
+    const someSelectedHeaders = [...selectedHeaders, ...selectedEndHeaders];
     for (let i = 0; i < someSelectedHeaders.length; i++) {
       someSelectedHeaders[i].classList.remove(this.getMappedStyle('headerPartialSelected'));
     }

package/dist/js/libs/oj/debug/ojoffcanvas.js

@@ -1949,11 +1949,11 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'hammerjs', 'ojs/ojcontext', 'oj
 
     // use hammer for swipe
     mOptions = {
+      // ensure pinch zoom work properly
+      touchAction: 'pinch-zoom',
       recognizers: [
          [Hammer.Pan, { direction: Hammer.DIRECTION_HORIZONTAL }]
-      ],
-      // ensure native gesture like pinch zoom work properly
-      touchAction: 'auto'
+      ]
      };
 
     // workaround for Hammer with iOS 13 issue, see: https://github.com/hammerjs/hammer.js/issues/1237
@@ -1998,8 +1998,6 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'hammerjs', 'ojs/ojcontext', 'oj
           default:
         }
 
-        event.preventDefault();
-
         if (direction === null) {
           return;
         }
@@ -2081,7 +2079,6 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'hammerjs', 'ojs/ojcontext', 'oj
 
           // stop bubbling
         event.stopPropagation();
-        event.preventDefault();
       })
       .on('panend', function (event) {
           // don't do anything if start is vetoed
@@ -2140,7 +2137,6 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'hammerjs', 'ojs/ojcontext', 'oj
           // restore item position
         wrapper.addClass(OffcanvasUtils.TRANSITION_SELECTOR);
         OffcanvasUtils._setTranslationX(wrapper, 'start', '0px');
-        event.preventDefault();
       });
   };
 

package/dist/js/libs/oj/debug/ojselectcombobox.js

@@ -2668,7 +2668,9 @@ var __oj_select_many_metadata =
       // jet-39078 - accessibility: jaws does not read "no matches found" for oj-select-many
       // add the message text to the live region for it be read
       const widget = _ComboUtils.getWidget(context);
-      widget._updateMatchesCount(messageText, true);
+      if (widget != null) {
+        widget._updateMatchesCount(messageText, true);
+      }
     },
 
     // _ComboUtils
@@ -5700,6 +5702,10 @@ var __oj_select_many_metadata =
             context: null,
             matcher: opts.matcher,
             callback: this._bind(function (data) {
+              // if the instance is destroyed at this point, do nothing
+              if (!this.isInitialized) {
+                return;
+              }
               // clear dropdown loading indicator
               _ComboUtils.updateDropdownLoadingState(this, false);
 
@@ -6867,6 +6873,10 @@ var __oj_select_many_metadata =
                   {
                     value: ids,
                     callback: function (qryResult) {
+                      // if the instance is destroyed at this point, do nothing
+                      if (!self.isInitialized) {
+                        return;
+                      }
                       // Clear the loading indicator now that the label is fetched
                       _ComboUtils.updateLoadingState(self, false);
 
@@ -6952,8 +6962,12 @@ var __oj_select_many_metadata =
                     return isMatch;
                   },
                   callback: !$.isFunction(callback) ? $.noop : function () {
-                  // reorder matches based on the order they appear in the ids array because right now
-                  // they are in the order in which they appear in data array
+                    // if the instance is destroyed at this point, do nothing
+                    if (!self.isInitialized) {
+                      return;
+                    }
+                    // reorder matches based on the order they appear in the ids array because right now
+                    // they are in the order in which they appear in data array
                     var ordered = [];
                     for (var i = 0; i < ids.length; i++) {
                       var id = ids[i];
@@ -8983,6 +8997,10 @@ var __oj_select_many_metadata =
                     // call the method with the match found. Otherwise do nothing
                     // except cleaning up.
                     callback: (typeof callback !== 'function') ? clearLoadingState : function (qryResult) {
+                      // if the instance is destroyed at this point, do nothing
+                      if (!self.isInitialized) {
+                        return;
+                      }
                       // Clear the loading indicator, now that the label is fetched
                       clearLoadingState();
                       //  - While fetching the label for the initial value,
@@ -9040,6 +9058,10 @@ var __oj_select_many_metadata =
                     return isMatch;
                   },
                   callback: !$.isFunction(callback) ? $.noop : function () {
+                    // if the instance is destroyed at this point, do nothing
+                    if (!self.isInitialized) {
+                      return;
+                    }
                     if (match != null) {
                       self._idsFromDropdown.add(opts.id(match));
                     }
@@ -12200,7 +12222,10 @@ var __oj_select_many_metadata =
          * @return {jQuery} the combobox
          */
       widget: function () {
-        return this.combobox.container;
+        if (this._isComboboxInstantiated()) {
+          return this.combobox.container;
+        }
+        return $(this.OuterWrapper);
       },
 
 
@@ -12349,7 +12374,9 @@ var __oj_select_many_metadata =
         // Fix  - Acc error in the OATB tool
         const ariaLabelledBy = ojeditablevalue.EditableValueUtils._getOjLabelAriaLabelledBy(
             labelledBy, `${this.uuid}_Label`);
-        this.combobox.updateAriaLabelledByIfNeeded(ariaLabelledBy);
+        if (this._isComboboxInstantiated()) {
+          this.combobox.updateAriaLabelledByIfNeeded(ariaLabelledBy);
+        }
       },
       /**
        * @memberof! oj.ojCombobox
@@ -12664,7 +12691,7 @@ var __oj_select_many_metadata =
        * @return {Element|undefined}
        */
       _GetContentWrapper: function () {
-        if (this._IsCustomElement()) {
+        if (this._IsCustomElement() && this._isComboboxInstantiated()) {
           return this.combobox._GetContentWrapper();
         }
         return undefined;
@@ -12923,13 +12950,17 @@ var __oj_select_many_metadata =
       // 19670748, dropdown popup should be closed on subtreeDetached notification.
       _NotifyDetached: function () {
         this._superApply(arguments);
-        this.combobox.close();
+        if (this._isComboboxInstantiated()) {
+          this.combobox.close();
+        }
       },
 
       // 19670748, dropdown popup should be closed on subtreeHidden notification.
       _NotifyHidden: function () {
         this._superApply(arguments);
-        this.combobox.close();
+        if (this._isComboboxInstantiated()) {
+          this.combobox.close();
+        }
       },
 
       /**
@@ -13161,7 +13192,10 @@ var __oj_select_many_metadata =
        * @return {jQuery} jquery element which represents the content.
        */
       _GetContentElement: function () {
-        return this.combobox.search;
+        if (this._isComboboxInstantiated()) {
+          return this.combobox.search;
+        }
+        return this.element;
       },
 
       /**
@@ -13199,7 +13233,9 @@ var __oj_select_many_metadata =
        */
       _SetLoading: function () {
         this._super();
-        this.combobox.applyReadonlyState();
+        if (this._isComboboxInstantiated()) {
+          this.combobox.applyReadonlyState();
+        }
       },
 
       /**
@@ -13211,7 +13247,9 @@ var __oj_select_many_metadata =
        */
       _ClearLoading: function () {
         this._super();
-        this.combobox.applyReadonlyState();
+        if (this._isComboboxInstantiated()) {
+          this.combobox.applyReadonlyState();
+        }
       },
       /**
        * <ol>
@@ -13573,7 +13611,7 @@ var __oj_select_many_metadata =
         var node = null;
         var subId;
         if (locator == null) {
-          return this.combobox.container ? this.combobox.container[0] : null;
+          return (this.combobox && this.combobox.container) ? this.combobox.container[0] : null;
         }
 
         node = this._super(locator);

package/dist/js/libs/oj/debug/ojtable.js

@@ -7177,7 +7177,7 @@ var __oj_table_metadata =
       // if first row is in edit mode then fetching cell style from second row
       if (this._table._editableRowIdx === 0 && rowsCount > 1) {
         tableBodyCell = this._table._getTableBodyCell(1, columnIndex, null);
-      } else {
+      } else if (rowsCount > 0) {
         tableBodyCell = this._table._getTableBodyCell(0, columnIndex, null);
       }
       footerCell = this._table._getTableFooterCell(columnIndex);
@@ -7201,9 +7201,8 @@ var __oj_table_metadata =
           this._applyForcedColumnWidth(headerCell, forcedColumnWidth);
         }
 
-        // update column table body cell widths
+        // update width buffer row for legacy rendering
         var legacyWidthBuffer = this._table._getTableBodyLegacyWidthBuffer();
-        // check for width buffer row for legacy rendering
         if (legacyWidthBuffer != null) {
           var bufferCell = legacyWidthBuffer.childNodes[columnIndex];
           var bufferCellWidth = this._getForcedColumnWidth(bufferCell,
@@ -7211,21 +7210,24 @@ var __oj_table_metadata =
           this._applyForcedColumnWidth(bufferCell, bufferCellWidth);
         }
 
-        if (!this._table._hasRowOrCellRendererOrTemplate(columnIndex)) {
-          columnCellCompStyle = window.getComputedStyle(tableBodyCell);
-          forcedColumnCellWidth =
-            this._getForcedColumnWidth(tableBodyCell, columnCellCompStyle, colTestWidth);
-        }
-        for (var i = 0; i < rowsCount; i++) {
-          tableBodyCell = this._table._getTableBodyCell(i, columnIndex, null);
-          if (tableBodyCell != null) {
-            if (columnCellCompStyle == null) {
-              var cellCompStyle = window.getComputedStyle(tableBodyCell);
-              var forcedCellWidth =
-                this._getForcedColumnWidth(tableBodyCell, cellCompStyle, colTestWidth);
-              this._applyForcedColumnWidth(tableBodyCell, forcedCellWidth);
-            } else {
-              this._applyForcedColumnWidth(tableBodyCell, forcedColumnCellWidth);
+        // update column table body cell widths
+        if (tableBodyCell != null) {
+          if (!this._table._hasRowOrCellRendererOrTemplate(columnIndex)) {
+            columnCellCompStyle = window.getComputedStyle(tableBodyCell);
+            forcedColumnCellWidth =
+              this._getForcedColumnWidth(tableBodyCell, columnCellCompStyle, colTestWidth);
+          }
+          for (var i = 0; i < rowsCount; i++) {
+            tableBodyCell = this._table._getTableBodyCell(i, columnIndex, null);
+            if (tableBodyCell != null) {
+              if (columnCellCompStyle == null) {
+                var cellCompStyle = window.getComputedStyle(tableBodyCell);
+                var forcedCellWidth =
+                  this._getForcedColumnWidth(tableBodyCell, cellCompStyle, colTestWidth);
+                this._applyForcedColumnWidth(tableBodyCell, forcedCellWidth);
+              } else {
+                this._applyForcedColumnWidth(tableBodyCell, forcedColumnCellWidth);
+              }
             }
           }
         }
@@ -22577,8 +22579,8 @@ var __oj_table_metadata =
     this._super();
 
     // reattaching the Table causes the scroll position to be reset
-    this._scrollTop = null;
-    this._scrollLeft = null;
+    this._scrollTop = undefined;
+    this._scrollLeft = undefined;
 
     // for custom element, SetupResources will be called if needed
     if (!this._IsCustomElement()) {
@@ -22629,6 +22631,15 @@ var __oj_table_metadata =
     }
   };
 
+  /**
+   * <p>Notifies the component that its subtree has been made hidden programmatically after the component has
+   * been created.
+   */
+  Table.prototype._NotifyHidden = function () {
+    this._super();
+    this._getLayoutManager().clearCachedDimensions();
+  };
+
   /**
    * <p>Notifies the component that its subtree has been made visible programmatically after the component has
    * been created.

package/dist/js/libs/oj/debug_esm/ojcore-base.js

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '13.0.2',
+  version: '13.0.4',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2022-08-17_07-13-49',
+  revision: '2022-09-21_19-55-30',
 
   // This function is only meant to be used outside the library, so quoting the name
   // to avoid renaming is appropriate

package/dist/js/libs/oj/debug_esm/ojdatagrid.js

@@ -23544,9 +23544,13 @@ DvtDataGrid.prototype._isHeaderSelected = function (context, axis) {
  * Clear all header highlight
  */
  DvtDataGrid.prototype._clearHeaderHighLight = function () {
-  const someSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
+  const headerSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
   + '.' + this.getMappedStyle('headercell');
-  const someSelectedHeaders = this.m_root.querySelectorAll(someSelectedSelector);
+  const selectedHeaders = this.m_root.querySelectorAll(headerSelectedSelector);
+  const endHeaderSelectedSelector = '.' + this.getMappedStyle('headerPartialSelected')
+       + '.' + this.getMappedStyle('endheadercell');
+  const selectedEndHeaders = this.m_root.querySelectorAll(endHeaderSelectedSelector);
+  const someSelectedHeaders = [...selectedHeaders, ...selectedEndHeaders];
   for (let i = 0; i < someSelectedHeaders.length; i++) {
     someSelectedHeaders[i].classList.remove(this.getMappedStyle('headerPartialSelected'));
   }

package/dist/js/libs/oj/debug_esm/ojoffcanvas.js

@@ -1954,11 +1954,11 @@ OffcanvasUtils.setupPanToReveal = function (_offcanvas) {
 
   // use hammer for swipe
   mOptions = {
+    // ensure pinch zoom work properly
+    touchAction: 'pinch-zoom',
     recognizers: [
        [Pan, { direction: DIRECTION_HORIZONTAL }]
-    ],
-    // ensure native gesture like pinch zoom work properly
-    touchAction: 'auto'
+    ]
    };
 
   // workaround for Hammer with iOS 13 issue, see: https://github.com/hammerjs/hammer.js/issues/1237
@@ -2003,8 +2003,6 @@ OffcanvasUtils.setupPanToReveal = function (_offcanvas) {
         default:
       }
 
-      event.preventDefault();
-
       if (direction === null) {
         return;
       }
@@ -2086,7 +2084,6 @@ OffcanvasUtils.setupPanToReveal = function (_offcanvas) {
 
         // stop bubbling
       event.stopPropagation();
-      event.preventDefault();
     })
     .on('panend', function (event) {
         // don't do anything if start is vetoed
@@ -2145,7 +2142,6 @@ OffcanvasUtils.setupPanToReveal = function (_offcanvas) {
         // restore item position
       wrapper.addClass(OffcanvasUtils.TRANSITION_SELECTOR);
       OffcanvasUtils._setTranslationX(wrapper, 'start', '0px');
-      event.preventDefault();
     });
 };
 

package/dist/js/libs/oj/debug_esm/ojselectcombobox.js

@@ -2678,7 +2678,9 @@ const _ComboUtils = {
     // jet-39078 - accessibility: jaws does not read "no matches found" for oj-select-many
     // add the message text to the live region for it be read
     const widget = _ComboUtils.getWidget(context);
-    widget._updateMatchesCount(messageText, true);
+    if (widget != null) {
+      widget._updateMatchesCount(messageText, true);
+    }
   },
 
   // _ComboUtils
@@ -5710,6 +5712,10 @@ const _AbstractOjChoice = _ComboUtils.clazz(Object,
           context: null,
           matcher: opts.matcher,
           callback: this._bind(function (data) {
+            // if the instance is destroyed at this point, do nothing
+            if (!this.isInitialized) {
+              return;
+            }
             // clear dropdown loading indicator
             _ComboUtils.updateDropdownLoadingState(this, false);
 
@@ -6877,6 +6883,10 @@ const _AbstractMultiChoice = _ComboUtils.clazz(_AbstractOjChoice,
                 {
                   value: ids,
                   callback: function (qryResult) {
+                    // if the instance is destroyed at this point, do nothing
+                    if (!self.isInitialized) {
+                      return;
+                    }
                     // Clear the loading indicator now that the label is fetched
                     _ComboUtils.updateLoadingState(self, false);
 
@@ -6962,8 +6972,12 @@ const _AbstractMultiChoice = _ComboUtils.clazz(_AbstractOjChoice,
                   return isMatch;
                 },
                 callback: !$.isFunction(callback) ? $.noop : function () {
-                // reorder matches based on the order they appear in the ids array because right now
-                // they are in the order in which they appear in data array
+                  // if the instance is destroyed at this point, do nothing
+                  if (!self.isInitialized) {
+                    return;
+                  }
+                  // reorder matches based on the order they appear in the ids array because right now
+                  // they are in the order in which they appear in data array
                   var ordered = [];
                   for (var i = 0; i < ids.length; i++) {
                     var id = ids[i];
@@ -8993,6 +9007,10 @@ const _AbstractSingleChoice = _ComboUtils.clazz(_AbstractOjChoice,
                   // call the method with the match found. Otherwise do nothing
                   // except cleaning up.
                   callback: (typeof callback !== 'function') ? clearLoadingState : function (qryResult) {
+                    // if the instance is destroyed at this point, do nothing
+                    if (!self.isInitialized) {
+                      return;
+                    }
                     // Clear the loading indicator, now that the label is fetched
                     clearLoadingState();
                     //  - While fetching the label for the initial value,
@@ -9050,6 +9068,10 @@ const _AbstractSingleChoice = _ComboUtils.clazz(_AbstractOjChoice,
                   return isMatch;
                 },
                 callback: !$.isFunction(callback) ? $.noop : function () {
+                  // if the instance is destroyed at this point, do nothing
+                  if (!self.isInitialized) {
+                    return;
+                  }
                   if (match != null) {
                     self._idsFromDropdown.add(opts.id(match));
                   }
@@ -12210,7 +12232,10 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
        * @return {jQuery} the combobox
        */
     widget: function () {
-      return this.combobox.container;
+      if (this._isComboboxInstantiated()) {
+        return this.combobox.container;
+      }
+      return $(this.OuterWrapper);
     },
 
 
@@ -12359,7 +12384,9 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
       // Fix  - Acc error in the OATB tool
       const ariaLabelledBy = EditableValueUtils._getOjLabelAriaLabelledBy(
           labelledBy, `${this.uuid}_Label`);
-      this.combobox.updateAriaLabelledByIfNeeded(ariaLabelledBy);
+      if (this._isComboboxInstantiated()) {
+        this.combobox.updateAriaLabelledByIfNeeded(ariaLabelledBy);
+      }
     },
     /**
      * @memberof! oj.ojCombobox
@@ -12674,7 +12701,7 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
      * @return {Element|undefined}
      */
     _GetContentWrapper: function () {
-      if (this._IsCustomElement()) {
+      if (this._IsCustomElement() && this._isComboboxInstantiated()) {
         return this.combobox._GetContentWrapper();
       }
       return undefined;
@@ -12933,13 +12960,17 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
     // 19670748, dropdown popup should be closed on subtreeDetached notification.
     _NotifyDetached: function () {
       this._superApply(arguments);
-      this.combobox.close();
+      if (this._isComboboxInstantiated()) {
+        this.combobox.close();
+      }
     },
 
     // 19670748, dropdown popup should be closed on subtreeHidden notification.
     _NotifyHidden: function () {
       this._superApply(arguments);
-      this.combobox.close();
+      if (this._isComboboxInstantiated()) {
+        this.combobox.close();
+      }
     },
 
     /**
@@ -13171,7 +13202,10 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
      * @return {jQuery} jquery element which represents the content.
      */
     _GetContentElement: function () {
-      return this.combobox.search;
+      if (this._isComboboxInstantiated()) {
+        return this.combobox.search;
+      }
+      return this.element;
     },
 
     /**
@@ -13209,7 +13243,9 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
      */
     _SetLoading: function () {
       this._super();
-      this.combobox.applyReadonlyState();
+      if (this._isComboboxInstantiated()) {
+        this.combobox.applyReadonlyState();
+      }
     },
 
     /**
@@ -13221,7 +13257,9 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
      */
     _ClearLoading: function () {
       this._super();
-      this.combobox.applyReadonlyState();
+      if (this._isComboboxInstantiated()) {
+        this.combobox.applyReadonlyState();
+      }
     },
     /**
      * <ol>
@@ -13583,7 +13621,7 @@ oj$1.__registerWidget('oj.ojCombobox', $.oj.editableValue,
       var node = null;
       var subId;
       if (locator == null) {
-        return this.combobox.container ? this.combobox.container[0] : null;
+        return (this.combobox && this.combobox.container) ? this.combobox.container[0] : null;
       }
 
       node = this._super(locator);

package/dist/js/libs/oj/debug_esm/ojtable.js

@@ -7197,7 +7197,7 @@ TableLayoutManager.prototype._applyColMinMax = function (columns, columnIndex, r
     // if first row is in edit mode then fetching cell style from second row
     if (this._table._editableRowIdx === 0 && rowsCount > 1) {
       tableBodyCell = this._table._getTableBodyCell(1, columnIndex, null);
-    } else {
+    } else if (rowsCount > 0) {
       tableBodyCell = this._table._getTableBodyCell(0, columnIndex, null);
     }
     footerCell = this._table._getTableFooterCell(columnIndex);
@@ -7221,9 +7221,8 @@ TableLayoutManager.prototype._applyColMinMax = function (columns, columnIndex, r
         this._applyForcedColumnWidth(headerCell, forcedColumnWidth);
       }
 
-      // update column table body cell widths
+      // update width buffer row for legacy rendering
       var legacyWidthBuffer = this._table._getTableBodyLegacyWidthBuffer();
-      // check for width buffer row for legacy rendering
       if (legacyWidthBuffer != null) {
         var bufferCell = legacyWidthBuffer.childNodes[columnIndex];
         var bufferCellWidth = this._getForcedColumnWidth(bufferCell,
@@ -7231,21 +7230,24 @@ TableLayoutManager.prototype._applyColMinMax = function (columns, columnIndex, r
         this._applyForcedColumnWidth(bufferCell, bufferCellWidth);
       }
 
-      if (!this._table._hasRowOrCellRendererOrTemplate(columnIndex)) {
-        columnCellCompStyle = window.getComputedStyle(tableBodyCell);
-        forcedColumnCellWidth =
-          this._getForcedColumnWidth(tableBodyCell, columnCellCompStyle, colTestWidth);
-      }
-      for (var i = 0; i < rowsCount; i++) {
-        tableBodyCell = this._table._getTableBodyCell(i, columnIndex, null);
-        if (tableBodyCell != null) {
-          if (columnCellCompStyle == null) {
-            var cellCompStyle = window.getComputedStyle(tableBodyCell);
-            var forcedCellWidth =
-              this._getForcedColumnWidth(tableBodyCell, cellCompStyle, colTestWidth);
-            this._applyForcedColumnWidth(tableBodyCell, forcedCellWidth);
-          } else {
-            this._applyForcedColumnWidth(tableBodyCell, forcedColumnCellWidth);
+      // update column table body cell widths
+      if (tableBodyCell != null) {
+        if (!this._table._hasRowOrCellRendererOrTemplate(columnIndex)) {
+          columnCellCompStyle = window.getComputedStyle(tableBodyCell);
+          forcedColumnCellWidth =
+            this._getForcedColumnWidth(tableBodyCell, columnCellCompStyle, colTestWidth);
+        }
+        for (var i = 0; i < rowsCount; i++) {
+          tableBodyCell = this._table._getTableBodyCell(i, columnIndex, null);
+          if (tableBodyCell != null) {
+            if (columnCellCompStyle == null) {
+              var cellCompStyle = window.getComputedStyle(tableBodyCell);
+              var forcedCellWidth =
+                this._getForcedColumnWidth(tableBodyCell, cellCompStyle, colTestWidth);
+              this._applyForcedColumnWidth(tableBodyCell, forcedCellWidth);
+            } else {
+              this._applyForcedColumnWidth(tableBodyCell, forcedColumnCellWidth);
+            }
           }
         }
       }
@@ -22597,8 +22599,8 @@ Table.prototype._destroy = function () {
   this._super();
 
   // reattaching the Table causes the scroll position to be reset
-  this._scrollTop = null;
-  this._scrollLeft = null;
+  this._scrollTop = undefined;
+  this._scrollLeft = undefined;
 
   // for custom element, SetupResources will be called if needed
   if (!this._IsCustomElement()) {
@@ -22649,6 +22651,15 @@ Table.prototype._clearNotifyAttachedTimeout = function () {
   }
 };
 
+/**
+ * <p>Notifies the component that its subtree has been made hidden programmatically after the component has
+ * been created.
+ */
+Table.prototype._NotifyHidden = function () {
+  this._super();
+  this._getLayoutManager().clearCachedDimensions();
+};
+
 /**
  * <p>Notifies the component that its subtree has been made visible programmatically after the component has
  * been created.