@eclipse-scout/core 22.0.2 → 22.0.12

package/src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less

@@ -3,12 +3,18 @@
  * 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
  */
 .breadcrumb-bar-field > .field {
-  padding-top: @borderless-field-padding-y;
-  padding-bottom: @borderless-field-padding-y + 1px; // BreadCrumbItem uses 14px instead of 13px font size
-}
+
+  // BreadCrumbItem uses 14px instead of 13px font size
+  padding-bottom: @breadcrumb-bar-field-padding-bottom;
+
+  .dense & {
+    // But it uses normal 13px in dense mode
+    padding-bottom: @breadcrumb-bar-field-padding-bottom-dense;
+  }
+}

package/src/form/fields/button/ButtonKeyStroke.js

@@ -20,9 +20,6 @@ export default class ButtonKeyStroke extends KeyStroke {
     this.stopImmediatePropagation = true;
 
     this.renderingHints.hAlign = HAlign.RIGHT;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
-      return this.field.$container;
-    }.bind(this);
   }
 
   /**

package/src/form/fields/datefield/DateField.js

@@ -8,29 +8,7 @@
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
  */
-import {
-  arrays,
-  DateFormat,
-  DatePickerPopup,
-  DatePredictionFailedStatus,
-  dates,
-  DateTimeCompositeLayout,
-  Device,
-  fields,
-  focusUtils,
-  FormField,
-  HtmlComponent,
-  InputFieldKeyStrokeContext,
-  keys,
-  objects,
-  ParsingFailedStatus,
-  scout,
-  Status,
-  strings,
-  styles,
-  TimePickerPopup,
-  ValueField
-} from '../../../index';
+import {arrays, DateFormat, DatePickerPopup, DatePredictionFailedStatus, dates, DateTimeCompositeLayout, Device, fields, focusUtils, FormField, HtmlComponent, InputFieldKeyStrokeContext, keys, objects, ParsingFailedStatus, scout, Status, strings, styles, TimePickerPopup, ValueField} from '../../../index';
 import $ from 'jquery';
 
 export default class DateField extends ValueField {
@@ -695,7 +673,7 @@ export default class DateField extends ValueField {
   }
 
   _renderDateClearable() {
-    if (this.hasDate || this.isClearable()) {
+    if (this.hasDate && this.isClearable()) {
       if (!this.$dateClearIcon) {
         // date clear icon
         this.$dateClearIcon = this.$field.appendSpan('icon date-clear unfocusable text-field-icon action')
@@ -711,14 +689,18 @@ export default class DateField extends ValueField {
   }
 
   _renderTimeClearable() {
-    if (this.hasTime && this.isClearable() && !this.$timeClearIcon) {
-      // date clear icon
-      this.$timeClearIcon = this.$field.appendSpan('icon time-clear unfocusable text-field-icon action')
-        .on('mousedown', this._onTimeClearIconMouseDown.bind(this));
-    } else if ((!this.hasTime || !this.isClearable()) && this.$timeClearIcon) {
-      // Remove $dateField
-      this.$timeClearIcon.remove();
-      this.$timeClearIcon = null;
+    if (this.hasTime && this.isClearable()) {
+      if (!this.$timeClearIcon) {
+        // time clear icon
+        this.$timeClearIcon = this.$field.appendSpan('icon time-clear unfocusable text-field-icon action')
+          .on('mousedown', this._onTimeClearIconMouseDown.bind(this));
+      }
+    } else {
+      if (this.$timeClearIcon) {
+        // Remove clear icon
+        this.$timeClearIcon.remove();
+        this.$timeClearIcon = null;
+      }
     }
   }
 
@@ -1192,21 +1174,19 @@ export default class DateField extends ValueField {
   }
 
   _onDatePickerDateSelect(event) {
-    this._setDateValid(true);
-    this._setTimeValid(true);
-    let newValue = this._newTimestampAsDate(event.date, this.value);
-    this.setValue(newValue);
-    this.closePopup();
-    this._triggerAcceptInput();
+    this._setNewDateTimeValue(this._newTimestampAsDate(event.date, this.value));
   }
 
   _onTimePickerTimeSelect(event) {
+    this._setNewDateTimeValue(this._newTimestampAsDate(this.value, event.time));
+  }
+
+  _setNewDateTimeValue(newValue) {
     this._setDateValid(true);
     this._setTimeValid(true);
-    let newValue = this._newTimestampAsDate(this.value, event.time);
     this.setValue(newValue);
-    this.closePopup();
     this._triggerAcceptInput();
+    this.closePopup();
   }
 
   _createPredictionField($inputField) {
@@ -1385,10 +1365,12 @@ export default class DateField extends ValueField {
     this.popup = this.createDatePopup();
     this.popup.open();
     this.$dateField.addClass('focused');
-    this.popup.on('remove', event => {
-      this._onPopupRemove(event);
-      this.popup = null;
+    this.popup.one('destroy', event => {
+      // Removing the class must happen before _onPopupDestroy() is called, otherwise the date field no longer exists,
+      // because in touch mode _onPopupDestroy() destroys the date field.
       this.$dateField.removeClass('focused');
+      this._onPopupDestroy(event);
+      this.popup = null;
     });
     this.getDatePicker().on('dateSelect', this._onDatePickerDateSelect.bind(this));
   }
@@ -1416,10 +1398,12 @@ export default class DateField extends ValueField {
     this.popup = this.createTimePopup();
     this.popup.open();
     this.$timeField.addClass('focused');
-    this.popup.on('remove', event => {
-      this._onPopupRemove(event);
-      this.popup = null;
+    this.popup.one('destroy', event => {
+      // Removing the class must happen before _onPopupDestroy() is called, otherwise the date field no longer exists,
+      // because in touch mode _onPopupDestroy() destroys the date field.
       this.$timeField.removeClass('focused');
+      this._onPopupDestroy(event);
+      this.popup = null;
     });
     this.getTimePicker().on('timeSelect', this._onTimePickerTimeSelect.bind(this));
   }
@@ -1686,7 +1670,7 @@ export default class DateField extends ValueField {
     }
   }
 
-  _onPopupRemove(event) {
+  _onPopupDestroy(event) {
     if (!this.touchMode || !this._cellEditorPopup) {
       return;
     }

package/src/form/fields/filechooserfield/FileChooserFieldBrowseKeyStroke.js

@@ -19,9 +19,7 @@ export default class FileChooserFieldBrowseKeyStroke extends KeyStroke {
     this.stopPropagation = true;
 
     this.renderingHints.hAlign = HAlign.LEFT;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
-      return this.field.$fieldContainer;
-    }.bind(this);
+    this.renderingHints.$drawingArea = ($drawingArea, event) => this.field.$fieldContainer;
   }
 
   /**

package/src/form/fields/filechooserfield/FileChooserFieldDeleteKeyStroke.js

@@ -20,9 +20,7 @@ export default class FileChooserFieldDeleteKeyStroke extends KeyStroke {
 
     this.renderingHints.offset = 25;
     this.renderingHints.hAlign = HAlign.RIGHT;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
-      return this.field.$fieldContainer;
-    }.bind(this);
+    this.renderingHints.$drawingArea = ($drawingArea, event) => this.field.$fieldContainer;
   }
 
   /**

package/src/form/fields/groupbox/GroupBox.js

@@ -42,6 +42,7 @@ export default class GroupBox extends CompositeField {
     this.processButtons = [];
     this.processMenus = [];
     this.staticMenus = [];
+    this.selectionKeystroke = null;
     this.responsive = null;
 
     this.$header = null;

package/src/form/fields/listbox/ListBox.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
@@ -179,12 +179,13 @@ export default class ListBox extends LookupBox {
     if (lookupRow.enabled === false) {
       row.enabled = false;
     }
-    if (lookupRow.active === false) {
-      row.active = false;
-    }
     if (lookupRow.cssClass) {
       row.cssClass = lookupRow.cssClass;
     }
+    if (lookupRow.active === false) {
+      row.active = false;
+      row.cssClass = (row.cssClass ? (row.cssClass + ' ') : '') + 'inactive';
+    }
 
     return row;
   }

package/src/form/fields/lookupfield/lookupField.js

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2014-2018 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
@@ -25,12 +25,13 @@ export function createTableRow(lookupRow, multipleColumns) {
   if (lookupRow.enabled === false) {
     row.enabled = false;
   }
-  if (lookupRow.active === false) {
-    row.active = false;
-  }
   if (lookupRow.cssClass) {
     row.cssClass = lookupRow.cssClass;
   }
+  if (lookupRow.active === false) {
+    row.active = false;
+    row.cssClass = (row.cssClass ? (row.cssClass + ' ') : '') + 'inactive';
+  }
 
   if (!multipleColumns) {
     cells.push(createTableCell(lookupRow, null, null));

package/src/form/fields/smartfield/ProposalField.js

@@ -189,11 +189,12 @@ export default class ProposalField extends SmartField {
     // this causes a lookup which may fail and open a new proposal chooser (property
     // change for 'result').
     if (searchTextChanged) {
+      this.clearErrorStatus();
       this._acceptByText(sync, searchText);
     } else if (!this._hasUiError()) {
       this._inputAccepted(false);
     } else {
-      // even though there's nothing todo, someone could wait for our promise to be resolved
+      // even though there's nothing to do, someone could wait for our promise to be resolved
       this._acceptInputDeferred.resolve();
     }
 

package/src/form/fields/smartfield/ProposalTreeNode.js

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2014-2018 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
@@ -22,14 +22,10 @@ export default class ProposalTreeNode extends TreeNode {
   }
 
   _renderText() {
-    let text = this.text;
-    if (this.lookupRow.active === false) {
-      text += ' (' + this.session.text('InactiveState') + ')';
-    }
     if (this.htmlEnabled) {
-      this.$text.html(text);
+      this.$text.html(this.text);
     } else {
-      this.$text.textOrNbsp(text);
+      this.$text.textOrNbsp(this.text);
     }
   }
 

package/src/form/fields/smartfield/SmartField.js

@@ -1,31 +1,14 @@
 /*
- * 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
  */
-import {
-  arrays,
-  Device,
-  fields,
-  FormField,
-  InputFieldKeyStrokeContext,
-  keys,
-  LookupCall,
-  objects,
-  QueryBy,
-  scout,
-  SimpleLoadingSupport,
-  SmartFieldCancelKeyStroke,
-  SmartFieldLayout,
-  Status,
-  strings,
-  ValueField
-} from '../../../index';
+import {arrays, Device, fields, FormField, InputFieldKeyStrokeContext, keys, LookupCall, objects, QueryBy, scout, SimpleLoadingSupport, SmartFieldCancelKeyStroke, SmartFieldLayout, Status, strings, ValueField} from '../../../index';
 import $ from 'jquery';
 
 export default class SmartField extends ValueField {
@@ -932,6 +915,7 @@ export default class SmartField extends ValueField {
     });
 
     this.popup.open();
+    this.popup.$container.css('--inactive-lookup-row-suffix-text', `'${this.session.text('InactiveState')}'`);
 
     /* This variable is required to route events to the right field:
      * - in normal mode popup events should be processed by the normal smart-field

package/src/form/fields/smartfield/SmartField.less

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2014-2018 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
@@ -266,13 +266,23 @@
     & > .table-data {
       padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;
 
-      & > .table-row.first {
-        border-top: 1px solid @table-row-border-color;
+      & > .table-row {
+        &.first {
+          border-top: 1px solid @table-row-border-color;
 
-        &.selected::after {
-          // If header is invisible, selection of first row starts at 0
-          // Since we now have a top border we can move it to -1px again to cover the border
-          top: -1px;
+          &.selected::after {
+            // If header is invisible, selection of first row starts at 0
+            // Since we now have a top border we can move it to -1px again to cover the border
+            top: -1px;
+          }
+        }
+
+        &.inactive {
+          font-style: italic;
+
+          & > .table-cell.last > .text::after {
+            content: ' (' var(--inactive-lookup-row-suffix-text) ')';
+          }
         }
       }
 
@@ -286,9 +296,12 @@
     & > .tree-data {
       padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;
 
-      & > .tree-node {
-        &.inactive {
-          font-style: italic;
+      & > .tree-node.inactive,
+      & > .animation-wrapper > .tree-node.inactive {
+        font-style: italic;
+
+        & > .text::after {
+          content: ' (' var(--inactive-lookup-row-suffix-text) ')';
         }
       }
     }

package/src/form/fields/splitbox/SplitBoxCollapseKeyStroke.js

@@ -16,6 +16,7 @@ export default class SplitBoxCollapseKeyStroke extends KeyStroke {
     super();
     this.field = splitBox;
     this.parseAndSetKeyStroke(keyStroke);
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/form/fields/splitbox/SplitBoxFirstCollapseKeyStroke.js

@@ -16,6 +16,7 @@ export default class SplitBoxFirstCollapseKeyStroke extends KeyStroke {
     super();
     this.field = splitBox;
     this.parseAndSetKeyStroke(keyStroke);
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/form/fields/splitbox/SplitBoxSecondCollapseKeyStroke.js

@@ -16,6 +16,7 @@ export default class SplitBoxSecondCollapseKeyStroke extends KeyStroke {
     super();
     this.field = splitBox;
     this.parseAndSetKeyStroke(keyStroke);
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/form/fields/tabbox/TabAreaLeftKeyStroke.js

@@ -12,6 +12,7 @@ import {keys, KeyStroke} from '../../../index';
 
 export default class TabAreaLeftKeyStroke extends KeyStroke {
 
+  // noinspection DuplicatedCode
   constructor(tabArea) {
     super();
     this.field = tabArea;
@@ -19,6 +20,7 @@ export default class TabAreaLeftKeyStroke extends KeyStroke {
     this.renderingHints.render = false;
     this.stopPropagation = true;
     this.keyStrokeMode = KeyStroke.Mode.DOWN;
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/form/fields/tabbox/TabAreaRightKeyStroke.js

@@ -12,6 +12,7 @@ import {keys, KeyStroke} from '../../../index';
 
 export default class TabAreaRightKeyStroke extends KeyStroke {
 
+  // noinspection DuplicatedCode
   constructor(tabArea) {
     super();
     this.field = tabArea;
@@ -19,6 +20,7 @@ export default class TabAreaRightKeyStroke extends KeyStroke {
     this.renderingHints.render = false;
     this.stopPropagation = true;
     this.keyStrokeMode = KeyStroke.Mode.DOWN;
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/form/fields/tabbox/TabBox.js

@@ -290,6 +290,10 @@ export default class TabBox extends CompositeField {
     this.header.focusTabItem(tabItem);
   }
 
+  getTabForItem(tabItem) {
+    return this.header.getTabForItem(tabItem);
+  }
+
   _onTabBoxHeaderPropertyChange(event) {
     if (event.propertyName === 'selectedTabItem') {
       this.setSelectedTab(event.newValue);

package/src/form/fields/tabbox/TabBoxHeader.js

@@ -89,6 +89,10 @@ export default class TabBoxHeader extends Widget {
     this.tabArea.focusTabItem(tabItem);
   }
 
+  getTabForItem(tabItem) {
+    return this.tabArea.getTabForItem(tabItem);
+  }
+
   _onTabBoxPropertyChange(event) {
     if (event.propertyName === 'menus') {
       this.menuBar.setMenuItems(this.tabBox.menus);

package/src/form/fields/tabbox/TabItem.js

@@ -74,4 +74,8 @@ export default class TabItem extends GroupBox {
       this.parent.setSelectedTab(this);
     }
   }
+
+  getTab() {
+    return this.parent.getTabForItem(this);
+  }
 }

package/src/form/fields/treebox/TreeBox.js

@@ -1,9 +1,9 @@
 /*
- * Copyright (c) 2014-2018 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
@@ -193,12 +193,13 @@ export default class TreeBox extends LookupBox {
     if (lookupRow.enabled === false) {
       node.enabled = false;
     }
-    if (lookupRow.active === false) {
-      node.active = false;
-    }
     if (lookupRow.cssClass) {
       node.cssClass = lookupRow.cssClass;
     }
+    if (lookupRow.active === false) {
+      node.active = false;
+      node.cssClass = (node.cssClass ? (node.cssClass + ' ') : '') + 'inactive';
+    }
 
     return node;
   }

package/src/index.js

@@ -181,6 +181,7 @@ export {default as tooltips} from './tooltip/tooltips';
 export {default as WidgetTooltip} from './tooltip/WidgetTooltip';
 export {default as Action} from './action/Action';
 export {default as ActionAdapter} from './action/ActionAdapter';
+export {default as ActionExecKeyStroke} from './action/ActionExecKeyStroke';
 export {default as ActionKeyStroke} from './action/ActionKeyStroke';
 export {default as Box} from './box/Box';
 export {default as Label} from './label/Label';
@@ -308,7 +309,6 @@ export {default as TableHeaderMenu} from './table/TableHeaderMenu';
 export {default as TableHeaderMenuLayout} from './table/TableHeaderMenuLayout';
 export {default as TableHeaderMenuGroup} from './table/TableHeaderMenuGroup';
 export {default as TableHeaderMenuButton} from './table/TableHeaderMenuButton';
-export {default as TableHeaderMenuButtonKeyStroke} from './table/TableHeaderMenuButtonKeyStroke';
 export {default as TableLayout} from './table/TableLayout';
 export {default as TableSelectionHandler} from './table/TableSelectionHandler';
 export {default as TableTileGridMediator} from './table/TableTileGridMediator';

package/src/jquery/jquery-scout.js

@@ -834,10 +834,22 @@ $.fn.isDisplayNone = function() {
   return this.css('display') === 'none';
 };
 
+/**
+ * @param {boolean} tabbable true, to make the component tabbable. False, to make it neither tabbable nor focusable.
+ * @returns {$}
+ */
 $.fn.setTabbable = function(tabbable) {
   return this.attr('tabIndex', tabbable ? 0 : null);
 };
 
+/**
+ * @param {boolean} tabbable true, to make the component tabbable. False, to make it not tabbable but focusable, so the user can focus it with the mouse but not with the keyboard.
+ * @returns {$}
+ */
+$.fn.setTabbableOrFocusable = function(tabbable) {
+  return this.attr('tabIndex', tabbable ? 0 : -1);
+};
+
 $.fn.isTabbable = function() {
   return this.attr('tabIndex') >= 0;
 };

package/src/keystroke/CloseKeyStroke.js

@@ -22,6 +22,7 @@ export default class CloseKeyStroke extends KeyStroke {
       render: !!$drawingArea,
       $drawingArea: $drawingArea
     };
+    this.inheritAccessibility = false;
   }
 
   handle(event) {

package/src/keystroke/ContextMenuKeyStroke.js

@@ -24,6 +24,7 @@ export default class ContextMenuKeyStroke extends KeyStroke {
     this.ctrl = false;
     this.shift = false;
     this.stopPropagation = true;
+    this.inheritAccessibility = false;
   }
 
   /**

package/src/keystroke/FocusFilterFieldKeyStroke.js

@@ -30,6 +30,7 @@ export default class FocusFilterFieldKeyStroke extends KeyStroke {
     this.preventDefault = false; // false so that the key is inserted into the search field.
     this.keyStrokeMode = KeyStroke.Mode.DOWN;
     this.stopPropagation = true;
+    this.inheritAccessibility = false;
   }
 
   /**

package/src/keystroke/KeyStroke.js

@@ -18,6 +18,7 @@ export default class KeyStroke {
 
     this.which = []; // keys which this keystroke is bound to. Typically, this is a single key, but may be multiple keys if handling the same action (e.g. ENTER and SPACE on a button).
     this.ctrl = false;
+    this.inheritAccessibility = true;
     this.alt = false;
     this.shift = false;
     this.preventDefault = true;
@@ -138,9 +139,16 @@ export default class KeyStroke {
       if (this.field.visible !== undefined && !this.field.visible) {
         return false;
       }
-      // Check enabled state
-      if (this.field.enabled !== undefined && !this.field.enabled) {
-        return false;
+      // Check enabled state (if inheritAccessibility is true)
+      if (!this.inheritAccessibility) {
+        return true;
+      }
+      if (this.field.enabledComputed !== undefined) {
+        return this.field.enabledComputed;
+      }
+      if (this.field.enabled !== undefined) {
+        // This should actually not happen because this.field should always be a hypothetical case if this.field is not a widget
+        return this.field.enabled;
       }
     }
     return true;

package/src/keystroke/TabItemKeyStroke.js

@@ -19,15 +19,18 @@ export default class TabItemKeyStroke extends KeyStroke {
 
     this.renderingHints.offset = 16;
     this.renderingHints.hAlign = HAlign.RIGHT;
-    this.renderingHints.$drawingArea = function($drawingArea, event) {
-      return this.field.$tabContainer;
-    }.bind(this);
+    this.renderingHints.render = () => {
+      let tab = this.field.getTab();
+      return tab && tab.rendered;
+    };
+    this.renderingHints.$drawingArea = ($drawingArea, event) => this.field.getTab().$container;
+    this.inheritAccessibility = false;
   }
 
   /**
-   * @override KeyStroke.js
+   * @override
    */
   handle(event) {
-    this.field.parent.setSelectedTab(this.field);
+    this.field.select();
   }
 }