@eclipse-scout/core 22.0.2 → 22.0.12

package/src/table/columns/ColumnOptimalWidthMeasurer.js

@@ -147,7 +147,7 @@ export default class ColumnOptimalWidthMeasurer {
   _build$CellForAggregateRow(row) {
     let columns = this.table.visibleColumns();
     let colIndex = columns.indexOf(this.column);
-    let $row = this.table._buildAggregateRowDiv(row);
+    let $row = this.table._build$AggregateRow(row);
 
     $row.appendTo(this.table.$data);
     columns

package/src/table/editor/CellEditorPopup.js

@@ -94,12 +94,10 @@ export default class CellEditorPopup extends Popup {
       cssClass: cssClass
     });
 
-    this._alignWithSelection();
-
     // Make sure cell content is not visible while the editor is open (especially necessary for transparent editors like checkboxes)
     this.$anchor.css('visibility', 'hidden');
 
-    this._rowOrderChangedFunc = function(event) {
+    this._rowOrderChangedFunc = event => {
       if (event.animating) {
         // row is only set while animating
         if (event.row === this.row) {
@@ -108,7 +106,7 @@ export default class CellEditorPopup extends Popup {
       } else {
         this.position();
       }
-    }.bind(this);
+    };
     this.table.on('rowOrderChanged', this._rowOrderChangedFunc);
     // Set table style to focused, so that it looks as it still has the focus.
     // This prevents flickering if the cell editor gets opened, especially when tabbing to the next cell editor.
@@ -168,14 +166,15 @@ export default class CellEditorPopup extends Popup {
   }
 
   position() {
-    let cellBounds, rowBounds,
-      $tableData = this.table.$data,
+    let $tableData = this.table.$data,
       $row = this.row.$row,
       $cell = this.$anchor,
       insetsLeft = $tableData.cssPaddingLeft() + $row.cssMarginLeft() + $row.cssBorderLeftWidth();
 
-    cellBounds = graphics.bounds($cell);
-    rowBounds = graphics.bounds($row);
+    this._alignWithSelection();
+
+    let cellBounds = graphics.bounds($cell);
+    let rowBounds = graphics.bounds($row);
     this.setLocation(new Point(insetsLeft + cellBounds.x, $tableData.scrollTop() + rowBounds.y));
   }
 
@@ -203,7 +202,8 @@ export default class CellEditorPopup extends Popup {
     }
 
     this._pendingCompleteCellEdit.then(() => {
-      this._pendingCompleteCellEdit = null;
+      // Ensure complete will never be called more than once
+      this._pendingCompleteCellEdit = $.resolvedPromise();
     });
 
     return this._pendingCompleteCellEdit;
@@ -243,11 +243,7 @@ export default class CellEditorPopup extends Popup {
   }
 
   _onKeyStroke(event) {
-    if (!this.session.keyStrokeManager.invokeAcceptInputOnActiveValueField(event.keyStroke, event.keyStrokeContext)) {
-      return;
-    }
-    if (this.$container.isOrHas(event.keyStrokeContext.$getScopeTarget())) {
-      // Don't interfere with key strokes of the popup or children of the popup (otherwise pressing enter would close both the popup and the form at once)
+    if (!this._invokeCompleteEditBeforeKeyStroke(event)) {
       return;
     }
     // Make sure completeEdit is called immediately after calling acceptInput.
@@ -256,6 +252,17 @@ export default class CellEditorPopup extends Popup {
     this.completeEdit(false);
   }
 
+  _invokeCompleteEditBeforeKeyStroke(event) {
+    if (!this.session.keyStrokeManager.invokeAcceptInputOnActiveValueField(event.keyStroke, event.keyStrokeContext)) {
+      return false;
+    }
+    if (this.$container.isOrHas(event.keyStrokeContext.$getScopeTarget())) {
+      // Don't interfere with key strokes of the popup or children of the popup (otherwise pressing enter would close both the popup and the form at once)
+      return false;
+    }
+    return true;
+  }
+
   waitForCompleteCellEdit() {
     if (this._pendingCompleteCellEdit) {
       return this._pendingCompleteCellEdit.promise();

package/src/table/keystrokes/AbstractTableNavigationKeyStroke.js

@@ -19,6 +19,7 @@ export default class AbstractTableNavigationKeyStroke extends KeyStroke {
     this.shift = !table.multiSelect ? false : undefined;
     this.stopPropagation = true;
     this.keyStrokeMode = KeyStroke.Mode.DOWN;
+    this.inheritAccessibility = false;
   }
 
   _accept(event) {

package/src/table/keystrokes/TableCopyKeyStroke.js

@@ -18,6 +18,7 @@ export default class TableCopyKeyStroke extends KeyStroke {
     this.which = [keys.C];
     this.ctrl = true;
     this.renderingHints.render = false;
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/table/keystrokes/TableNavigationCollapseKeyStroke.js

@@ -17,12 +17,12 @@ export default class TableNavigationCollapseKeyStroke extends AbstractTableNavig
     this.field = table;
     this.which = [keys.SUBTRACT, keys.LEFT];
     this.renderingHints.text = '-';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let row = this.field.selectedRows[0];
       if (row) {
         return row.$row;
       }
-    }.bind(this);
+    };
   }
 
   _accept(event) {

package/src/table/keystrokes/TableNavigationEndKeyStroke.js

@@ -16,12 +16,12 @@ export default class TableNavigationEndKeyStroke extends AbstractTableNavigation
     super(table);
     this.which = [keys.END];
     this.renderingHints.text = 'End';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let viewport = this._viewportInfo();
       if (viewport.lastRow) {
         return viewport.lastRow.$row;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/table/keystrokes/TableNavigationExpandKeyStroke.js

@@ -17,12 +17,12 @@ export default class TableNavigationExpandKeyStroke extends AbstractTableNavigat
     this.field = table;
     this.which = [keys.ADD, keys.RIGHT];
     this.renderingHints.text = '+';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let row = this.field.selectedRows[0];
       if (row) {
         return row.$row;
       }
-    }.bind(this);
+    };
   }
 
   _accept(event) {

package/src/table/keystrokes/TableNavigationHomeKeyStroke.js

@@ -16,12 +16,12 @@ export default class TableNavigationHomeKeyStroke extends AbstractTableNavigatio
     super(table);
     this.which = [keys.HOME];
     this.renderingHints.text = 'Home';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let viewport = this._viewportInfo();
       if (viewport.firstRow) {
         return viewport.firstRow.$row;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/table/keystrokes/TableNavigationPageDownKeyStroke.js

@@ -16,12 +16,12 @@ export default class TableNavigationPageDownKeyStroke extends AbstractTableNavig
     super(table);
     this.which = [keys.PAGE_DOWN];
     this.renderingHints.text = 'PgDn';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let viewport = this._viewportInfo();
       if (viewport.lastRow) {
         return viewport.lastRow.$row;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/table/keystrokes/TableNavigationPageUpKeyStroke.js

@@ -16,12 +16,12 @@ export default class TableNavigationPageUpKeyStroke extends AbstractTableNavigat
     super(table);
     this.which = [keys.PAGE_UP];
     this.renderingHints.text = 'PgUp';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let viewport = this._viewportInfo();
       if (viewport.firstRow) {
         return viewport.firstRow.$row;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/table/keystrokes/TableNavigationUpKeyStroke.js

@@ -16,12 +16,12 @@ export default class TableNavigationUpKeyStroke extends AbstractTableNavigationK
     super(table);
     this.which = [keys.UP];
     this.renderingHints.text = '↑';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let row = this.firstRowBeforeSelection();
       if (row) {
         return row.$row;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/table/keystrokes/TableRefreshKeyStroke.js

@@ -17,9 +17,9 @@ export default class TableRefreshKeyStroke extends KeyStroke {
     this.field = table;
     this.which = [keys.F5];
     this.renderingHints.offset = 14;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       return this.field.footer ? this.field.footer._$infoLoad.find('.table-info-button') : null;
-    }.bind(this);
+    };
   }
 
   _accept(event) {

package/src/table/keystrokes/TableSelectAllKeyStroke.js

@@ -18,9 +18,10 @@ export default class TableSelectAllKeyStroke extends KeyStroke {
     this.ctrl = true;
     this.which = [keys.A];
     this.renderingHints.offset = 14;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       return this.field.footer ? this.field.footer._$infoSelection.find('.table-info-button') : null;
-    }.bind(this);
+    };
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/table/keystrokes/TableStartCellEditKeyStroke.js

@@ -18,7 +18,7 @@ export default class TableStartCellEditKeyStroke extends KeyStroke {
     this.ctrl = true;
     this.which = [keys.ENTER];
     this.stopPropagation = true;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let editPosition = event._editPosition,
         columnIndex = this.field.visibleColumns().indexOf(editPosition.column);
       if (columnIndex === 0) {
@@ -26,7 +26,7 @@ export default class TableStartCellEditKeyStroke extends KeyStroke {
         return editPosition.row.$row;
       }
       return this.field.$cell(columnIndex, editPosition.row.$row);
-    }.bind(this);
+    };
   }
 
   _accept(event) {

package/src/testing/index.js

@@ -20,6 +20,7 @@ export {default as TestBeanField} from './form/fields/beanfield/TestBeanField';
 export {default as TabBoxSpecHelper} from './form/fields/tabbox/TabBoxSpecHelper';
 export {default as OutlineSpecHelper} from './desktop/outline/OutlineSpecHelper';
 export {default as DummyLookupCall} from './lookup/DummyLookupCall';
+export {default as AbortableMicrotaskStaticLookupCall} from './lookup/AbortableMicrotaskStaticLookupCall';
 export {default as ActiveDummyLookupCall} from './lookup/ActiveDummyLookupCall';
 export {default as ColumnDescriptorDummyLookupCall} from './lookup/ColumnDescriptorDummyLookupCall';
 export {default as LanguageDummyLookupCall} from './lookup/LanguageDummyLookupCall';

package/src/testing/lookup/AbortableMicrotaskStaticLookupCall.js

@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *     BSI Business Systems Integration AG - initial API and implementation
+ */
+import {StaticLookupCall} from '../../index';
+import $ from 'jquery';
+
+export default class AbortableMicrotaskStaticLookupCall extends StaticLookupCall {
+  constructor() {
+    super();
+    this._deferred = null;
+  }
+
+  abort() {
+    this._deferred.reject({
+      canceled: true
+    });
+    super.abort();
+  }
+
+  _getByKey(key) {
+    this._deferred = $.Deferred();
+    queueMicrotask(this._queryByKey.bind(this, this._deferred, key));
+    return this._deferred.promise();
+  }
+
+  _getAll() {
+    this._deferred = $.Deferred();
+    queueMicrotask(this._queryByAll.bind(this, this._deferred));
+    return this._deferred.promise();
+  }
+
+  _getByText(text) {
+    this._deferred = $.Deferred();
+    queueMicrotask(this._queryByText.bind(this, this._deferred, text));
+    return this._deferred.promise();
+  }
+
+  _getByRec(rec) {
+    this._deferred = $.Deferred();
+    queueMicrotask(this._queryByRec.bind(this, this._deferred, rec));
+    return this._deferred.promise();
+  }
+}

package/src/tile/TileGrid.js

@@ -198,7 +198,11 @@ export default class TileGrid extends Widget {
   }
 
   _updateTabbable() {
-    this.$container.setTabbable(this.enabled && (this.textFilterEnabled || this.selectable));
+    if (!this.textFilterEnabled && !this.selectable) {
+      this.$container.setTabbable(false);
+    } else {
+      this.$container.setTabbableOrFocusable(this.enabledComputed);
+    }
   }
 
   insertTile(tile) {
@@ -760,16 +764,10 @@ export default class TileGrid extends Widget {
     if ($scrollables.length === 0) {
       return;
     }
-    let oldScrollTopArr = $scrollables.map((i, $elem) => {
-      return $elem.scrollTop();
-    }).toArray();
     // Make sure the tile grid has the focus when focusing a tile
-    if (this.focus()) {
-      // Restore old scroll to prevent scrolling by the browser due to the focus() call
-      oldScrollTopArr.forEach((val, idx) => {
-        $scrollables[idx].scrollTop(val);
-      }, this);
-    }
+    this.focus({
+      preventScroll: true
+    });
   }
 
   setSelectable(selectable) {
@@ -1382,7 +1380,7 @@ export default class TileGrid extends Widget {
   }
 
   _removeTileByFilter(tile) {
-    // In virtual mode, filtered tiles are not rendered. In normal mode, the filter animation is triggerd by _renderVisible of the tile.
+    // In virtual mode, filtered tiles are not rendered. In normal mode, the filter animation is triggered by _renderVisible of the tile.
     // Since the tile is removed immediately, the invisible animation would not start, so we use the remove animation instead.
     // But because the delete animation is a different one to the filter animation, the removeClass needs to be swapped
     // Remove class first to make sure animation won't be finished before the animationend listener is attached in Widget._removeAnimated (which may happen because a setTimeout is used there)

package/src/tile/fields/tablefield/TileTableField.less

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -53,6 +53,23 @@
       & > .table-header-item {
         color: @tile-table-default-color;
 
+        &.sorted,
+        &.grouped,
+        &.filtered {
+          padding-right: @table-header-item-padding-right;
+
+          &.halign-right,
+          &.halign-center {
+            padding-right: @table-header-item-padding-left;
+          }
+
+          &.last.halign-left,
+          &.last.halign-center,
+          &.last.halign-right {
+            padding-right: @table-header-item-padding-right-last;
+          }
+        }
+
         & > .table-header-item-state {
           display: none;
         }

package/src/tile/keystrokes/TileGridSelectKeyStroke.js

@@ -16,12 +16,13 @@ export default class TileGridSelectKeyStroke extends KeyStroke {
     super();
     this.field = tileGrid;
     this.shift = !tileGrid.multiSelect ? false : undefined;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let result = this._computeNewSelection();
       if (result && result.focusedTile) {
         return result.focusedTile.$container;
       }
-    }.bind(this);
+    };
+    this.inheritAccessibility = false;
   }
 
   /**

package/src/timepicker/TimePickerTouchPopup.js

@@ -51,4 +51,12 @@ export default class TimePickerTouchPopup extends TouchPopup {
     }
     this._touchField._triggerAcceptInput();
   }
+
+  /**
+   * @override
+   */
+  _acceptInput() {
+    this._field.acceptTime();
+    this.close();
+  }
 }

package/src/tree/Tree.js

@@ -3,7 +3,7 @@
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -911,7 +911,7 @@ export default class Tree extends Widget {
     this._installOrUninstallDragAndDropHandler();
     let enabled = this.enabledComputed;
     this.$data.setEnabled(enabled);
-    this.$container.setTabbable(enabled);
+    this.$container.setTabbableOrFocusable(enabled);
   }
 
   /**
@@ -2452,7 +2452,7 @@ export default class Tree extends Widget {
     }
     nodes = arrays.ensure(nodes);
     nodes.forEach(function(node) {
-      if (!node.enabled && opts.checkOnlyEnabled || node.checked === opts.checked) {
+      if (!node.enabled && opts.checkOnlyEnabled || node.checked === opts.checked || !node.filterAccepted) {
         if (opts.checkChildren) {
           this.checkNodes(node.childNodes, opts);
         }
@@ -2926,6 +2926,10 @@ export default class Tree extends Widget {
       } else if (newWidth > this.maxNodeWidth) {
         this.maxNodeWidth = newWidth;
         this.nodeWidthDirty = true;
+      } else if (newWidth === oldWidth && newWidth === 0) {
+        // newWidth and oldWidth are 0: this might be because the tree is invisible while a node is added:
+        // Mark as dirty to update the width later during layouting (when the tree gets visible and the width is available)
+        this.nodeWidthDirty = true;
       }
       node.width = newWidth;
     }, this);
@@ -3170,7 +3174,7 @@ export default class Tree extends Widget {
   // same as on Table.prototype._onDesktopPopupOpen
   _onDesktopPopupOpen(event) {
     let popup = event.popup;
-    if (!this.enabledComputed) {
+    if (!this.isFocusable(false)) {
       return;
     }
     // Set tree style to focused if a context menu or a menu bar popup opens, so that it looks as it still has the focus

package/src/tree/Tree.less

@@ -3,7 +3,7 @@
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -64,6 +64,13 @@
     & > .animation-wrapper > .tree-node {
       cursor: pointer;
     }
+
+    &.disabled > .tree-node,
+    &.disabled > .animation-wrapper > .tree-node,
+    & > .tree-node.disabled,
+    & > .animation-wrapper > .tree-node.disabled {
+      cursor: default;
+    }
   }
 }
 
@@ -95,12 +102,14 @@
     color: @disabled-color;
   }
 
+  .disabled > .animation-wrapper > &,
   .disabled > & {
     /* Whole tree is disabled -> use darker disabled color */
     color: @text-disabled-color;
   }
 
-  .disabled.read-only > .tree-data > & {
+  .disabled.read-only > .animation-wrapper > &,
+  .disabled.read-only > & {
     color: @read-only-color;
   }
 
@@ -132,6 +141,7 @@
     &.font-icon {
       /* Necessary to align with the text, depends on the used font size */
       line-height: @tree-node-font-icon-line-height;
+      font-size: @tree-node-font-icon-size;
     }
   }
 }

package/src/tree/keystrokes/AbstractTreeNavigationKeyStroke.js

@@ -24,6 +24,7 @@ export default class AbstractTreeNavigationKeyStroke extends KeyStroke {
     this.alt = keyStrokeModifier.isAlt(modifierBitMask);
 
     this.keyStrokeMode = KeyStroke.Mode.DOWN;
+    this.inheritAccessibility = false;
   }
 
   _accept(event) {

package/src/tree/keystrokes/TreeCollapseAllKeyStroke.js

@@ -16,11 +16,11 @@ export default class TreeCollapseAllKeyStroke extends AbstractTreeNavigationKeyS
     super(tree, keyStrokeModifier);
     this.which = [keys.HOME];
     this.renderingHints.hAlign = HAlign.RIGHT;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       if (this.field.visibleNodesFlat.length > 0) {
         return this.field.visibleNodesFlat[0].$node;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/tree/keystrokes/TreeExpandOrDrillDownKeyStroke.js

@@ -16,14 +16,14 @@ export default class TreeExpandOrDrillDownKeyStroke extends AbstractTreeNavigati
     super(tree, modifierBitMask);
     this.which = [keys.ADD];
     this.renderingHints.text = '+';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let currentNode = event._treeCurrentNode;
       if (this.isNodeExpandable(currentNode)) {
         return currentNode.$node;
       } else if (currentNode.childNodes.length > 0) {
         return currentNode.childNodes[0].$node;
       }
-    }.bind(this);
+    };
   }
 
   _accept(event) {

package/src/tree/keystrokes/TreeNavigationDownKeyStroke.js

@@ -16,12 +16,12 @@ export default class TreeNavigationDownKeyStroke extends AbstractTreeNavigationK
     super(tree, modifierBitMask);
     this.which = [keys.DOWN];
     this.renderingHints.text = '↓';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let newSelectedNode = this._computeNewSelection(event._treeCurrentNode);
       if (newSelectedNode) {
         return newSelectedNode.$node;
       }
-    }.bind(this);
+    };
   }
 
   _computeNewSelection(currentNode) {

package/src/tree/keystrokes/TreeNavigationEndKeyStroke.js

@@ -15,12 +15,12 @@ export default class TreeNavigationEndKeyStroke extends AbstractTreeNavigationKe
   constructor(tree, modifierBitMask) {
     super(tree, modifierBitMask);
     this.which = [keys.END];
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let newSelectedNode = this._computeNewSelection(event._treeCurrentNode);
       if (newSelectedNode) {
         return newSelectedNode.$node;
       }
-    }.bind(this);
+    };
   }
 
   handle(event) {

package/src/tree/keystrokes/TreeNavigationUpKeyStroke.js

@@ -16,12 +16,12 @@ export default class TreeNavigationUpKeyStroke extends AbstractTreeNavigationKey
     super(tree, modifierBitMask);
     this.which = [keys.UP];
     this.renderingHints.text = '↑';
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
+    this.renderingHints.$drawingArea = ($drawingArea, event) => {
       let newSelectedNode = this._computeNewSelection(event._treeCurrentNode);
       if (newSelectedNode) {
         return newSelectedNode.$node;
       }
-    }.bind(this);
+    };
   }
 
   _computeNewSelection(currentNode) {

package/src/util/Device.js

@@ -259,15 +259,15 @@ export default class Device {
 
   /**
    * This method returns false for all browsers that are known to be unsupported, all others (e.g. unknown engines) are allowed by default.
-   * The supported browser versions are mainly determined by the features needed by Scout (e.g. class syntax, Array.flatMap, IntersectionObserver, Custom CSS Properties, CSS flex-box).
+   * The supported browser versions are mainly determined by the features needed by Scout (e.g. class syntax, Array.flatMap, IntersectionObserver, Custom CSS Properties, CSS flex-box, queueMicrotask).
    */
   isSupportedBrowser(browser, version) {
     browser = scout.nvl(browser, this.browser);
     version = scout.nvl(version, this.browserVersion);
     let browsers = Device.Browser;
-    return (browser === browsers.CHROME && version >= 69)
-      || (browser === browsers.FIREFOX && version >= 62)
-      || (browser === browsers.SAFARI && version >= 12);
+    return (browser === browsers.CHROME && version >= 71)
+      || (browser === browsers.FIREFOX && version >= 69)
+      || (browser === browsers.SAFARI && version >= 12.1);
   }
 
   /**