/** * @class Ext.mixin.FocusableContainer * @extend Ext.Mixin * * A mixin for groups of Focusable things (Components, Widgets, etc) that * should respond to arrow keys to navigate among the peers, but keep only * one of the peers tabbable by default (tabIndex=0) * * Some examples: Toolbars, Tab bars, Panel headers, Menus */ /** * @cfg {Boolean} [focusableContainer=false] * Enable or disable navigation * with arrow keys for this FocusableContainer. This option may be useful * with nested FocusableContainers, when only the root container should * handle keyboard events. */ /** * @cfg {Boolean} [resetFocusPosition=false] * When `true`, FocusableContainer * will reset last focused position whenever focus leaves the container. * Subsequent tabbing into the container will always focus the first eligible * child item. * * When `false`, subsequent tabbing into the container will focus the child * item that was last focused before. */ /** * @cfg {Number} [activeChildTabIndex=0] * DOM tabIndex attribute to set on the * active Focusable child of this container when using the "Roaming tabindex" * technique. */ /** * @cfg {Number} [inactiveChildTabIndex=-1] * DOM tabIndex attribute to set on * inactive Focusable children of this container when using the "Roaming tabindex" * technique. This value rarely needs to be changed from its default. */ /** * @cfg {Boolean} [allowFocusingDisabledChildren=false] * Set this to `true` * to enable focusing disabled child items via keyboard. */ /** * @property {String/Ext.dom.Element} [focusableContainerEl="el"] * The name of the element * that FocusableContainer should bind its keyboard handler to. Similar to {@link #ariaEl}, * this name is resolved to the {@link #Ext.dom.Element} instance after rendering. */