fixed dragging docking tab gear

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>