Optional options: IOptions<Widget> & OptionsOptional dynamicTabOptions: core.OptionsProtected Optional _dynamicProtected breadcrumbsProtected Readonly breadcrumbsProtected Readonly breadcrumbsProtected contentProtected isProtected needsProtected openProtected openProtected Optional pendingProtected Optional scrollProtected scrollProtected Readonly tabProtected Readonly tabProtected tabProtected Readonly toProtected toolbarProtected topOverrides the contentNode property getter in PhosphorJS' TabBar.
Protected scrollbarOverrides the scrollable host from the parent class.
Protected tabProtected addRestructures the DOM defined in PhosphorJS.
By default the tabs (li) are contained in the this.contentNode (ul) which is wrapped in a div (this.node).
Instead of this structure, we add a container for the this.contentNode and for the toolbar.
The scrollbar will only work for the ul part but it does not affect the toolbar, so it can be on the right hand-side.
Protected isProtected onProtected onProtected onProtected onProtected rewireDOMRestructures the DOM defined in PhosphorJS.
By default the tabs (li) are contained in the this.contentNode (ul) which is wrapped in a div (this.node).
Instead of this structure, we add a container for the this.contentNode and for the toolbar.
The scrollbar will only work for the ul part but it does not affect the toolbar, so it can be on the right hand-side.
Protected updateProtected updateProtected update
Specialized scrollable tab-bar which comes with toolbar support. Instead of the following DOM structure.
+-------------------------+ |[TAB_0][TAB_1][TAB_2][TAB| +-------------Scrollable--+
There is a dedicated HTML element for toolbar which does not contained in the scrollable element.
+-------------------------+-----------------+ |[TAB_0][TAB_1][TAB_2][TAB| Toolbar | +-------------Scrollable--+-Non-Scrollable-+