fix(clerk-js): More floating ui related fixes (clerk#2647)

Author: desiprisg

.changeset/forty-trains-rest.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/src/ui/elements/Menu.tsx

@@ -113,7 +113,6 @@ export const MenuList = (props: MenuListProps) => {
       context={context}
       nodeId={nodeId}
       isOpen={isOpen}
-      order={['floating', 'content']}
       portal={asPortal}
     >
       <Col
@@ -122,7 +121,6 @@ export const MenuList = (props: MenuListProps) => {
         ref={containerRef}
         role='menu'
         onKeyDown={onKeyDown}
-        tabIndex={0}
         sx={[
           theme => ({
             backgroundColor: colors.makeSolid(theme.colors.$colorBackground),

packages/clerk-js/src/ui/elements/Modal.tsx

@@ -47,7 +47,6 @@ export const Modal = withFloatingTree((props: ModalProps) => {
       nodeId={nodeId}
       context={context}
       isOpen={isOpen}
-      order={['floating', 'content']}
     >
       <ModalContext.Provider value={modalCtx}>
         <Flex
@@ -75,7 +74,6 @@ export const Modal = withFloatingTree((props: ModalProps) => {
           <Flex
             elementDescriptor={descriptors.modalContent}
             ref={floating}
-            tabIndex={0}
             aria-modal='true'
             role='dialog'
             sx={[

packages/clerk-js/src/ui/elements/Navbar.tsx

@@ -205,7 +205,6 @@ const MobileNavbarContainer = withFloatingTree((props: React.PropsWithChildren<R
       nodeId={nodeId}
       context={context}
       isOpen={isOpen}
-      order={['floating', 'content']}
       portal={false}
     >
       <Col

packages/clerk-js/src/ui/elements/Popover.tsx

@@ -13,7 +13,7 @@ type PopoverProps = PropsWithChildren<{
 }>;
 
 export const Popover = (props: PopoverProps) => {
-  const { context, initialFocus, order = ['reference', 'content'], nodeId, isOpen, portal = true, children } = props;
+  const { context, initialFocus, order = ['floating', 'content'], nodeId, isOpen, portal = true, children } = props;
 
   if (portal) {
     return (