Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into animationtimeline

1 files changed, 12 insertions, 7 deletions

diff --git a/src/client/views/ContextMenu.tsx b/src/client/views/ContextMenu.tsx
index fd2f970da..69692dbb8 100644
--- a/src/client/views/ContextMenu.tsx
+++ b/src/client/views/ContextMenu.tsx
@@ -167,17 +167,22 @@ export class ContextMenu extends React.Component {
         console.log(this.pageX);
         console.log();
 
+        const contents = (
+            <>
+                <span>
+                    <span className="icon-background">
+                        <FontAwesomeIcon icon="search" size="lg" />
+                    </span>
+                    <input className="contextMenu-item contextMenu-description" type="text" placeholder="Search . . ." value={this._searchString} onKeyDown={this.onKeyDown} onChange={this.onChange} autoFocus />
+                </span>
+                {this.menuItems}
+            </>
+        );
         return (
             <Measure offset onResize={action((r: any) => { this._width = r.offset.width; this._height = r.offset.height; })}>
                 {({ measureRef }) => (
                     <div className="contextMenu-cont" style={style} ref={measureRef}>
-                        <span>
-                            <span className="icon-background">
-                                <FontAwesomeIcon icon="search" size="lg" />
-                            </span>
-                            <input className="contextMenu-item contextMenu-description" type="text" placeholder="Search . . ." value={this._searchString} onKeyDown={this.onKeyDown} onChange={this.onChange} autoFocus />
-                        </span>
-                        {this.menuItems}
+                        {contents}
                     </div>
                 )
                 }