diff options
| -rw-r--r-- | src/client/views/collections/ParentDocumentSelector.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/src/client/views/collections/ParentDocumentSelector.tsx b/src/client/views/collections/ParentDocumentSelector.tsx index 2f0132fec..afc1c6754 100644 --- a/src/client/views/collections/ParentDocumentSelector.tsx +++ b/src/client/views/collections/ParentDocumentSelector.tsx @@ -94,8 +94,6 @@ export class ParentDocSelector extends React.Component<SelectorProps> { @observer export class DockingViewButtonSelector extends React.Component<{ views: DocumentView[], Stack: any }> { - @observable hover = false; - customStylesheet(styles: any) { return { ...styles, @@ -105,17 +103,18 @@ export class DockingViewButtonSelector extends React.Component<{ views: Document }, }; } + _ref = React.createRef<HTMLDivElement>(); @computed get flyout() { return ( - <div className="ParentDocumentSelector-flyout" title=" "> + <div className="ParentDocumentSelector-flyout" title=" " ref={this._ref}> <DocumentButtonBar views={this.props.views} stack={this.props.Stack} /> </div> ); } render() { - return <span title="Tap for menu, drag tab as document" onPointerDown={e => { this.props.views[0].select(false); e.stopPropagation(); }} className="buttonSelector"> + return <span title="Tap for menu, drag tab as document" onPointerDown={e => { if (getComputedStyle(this._ref.current!).width !== "100%") {e.stopPropagation();e.preventDefault();} this.props.views[0].select(false); }} className="buttonSelector"> <Flyout anchorPoint={anchorPoints.LEFT_TOP} content={this.flyout} stylesheet={this.customStylesheet}> <FontAwesomeIcon icon={"cog"} size={"sm"} /> </Flyout> |