fix: revert using portal for ellipsis menu

standardnotes · May 20, 2021 · 0b2665a · 0b2665a
1 parent fb12b26
commit 0b2665a
Showing 1 changed file with 21 additions and 25 deletions.
diff --git a/app/assets/javascripts/components/NotesOptionsPanel.tsx b/app/assets/javascripts/components/NotesOptionsPanel.tsx
@@ -56,31 +56,27 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
         <VisuallyHidden>Actions</VisuallyHidden>
         <Icon type="more" className="block" />
       </DisclosureButton>
-      <Portal>
-        <div className="sn-component">
-          <DisclosurePanel
-            onKeyUp={(event) => {
-              if (event.key === 'Escape' && !submenuOpen) {
-                setOpen(false);
-                buttonRef.current.focus();
-              }
-            }}
-            ref={panelRef}
-            style={{
-              ...position,
-            }}
-            className="sn-dropdown flex flex-col py-2"
-          >
-            {open && (
-              <NotesOptions
-                appState={appState}
-                closeOnBlur={closeOnBlur}
-                onSubmenuChange={onSubmenuChange}
-              />
-            )}
-          </DisclosurePanel>
-        </div>
-      </Portal>
+        <DisclosurePanel
+          onKeyUp={(event) => {
+            if (event.key === 'Escape' && !submenuOpen) {
+              setOpen(false);
+              buttonRef.current.focus();
+            }
+          }}
+          ref={panelRef}
+          style={{
+            ...position,
+          }}
+          className="sn-dropdown flex flex-col py-2"
+        >
+          {open && (
+            <NotesOptions
+              appState={appState}
+              closeOnBlur={closeOnBlur}
+              onSubmenuChange={onSubmenuChange}
+            />
+          )}
+        </DisclosurePanel>
     </Disclosure>
   );
 });