gitea/rebased
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add 'shift' middleware to DropdownMenu

Browse source
This commit is contained in:
Chewbacca 2023-05-25 11:33:03 -04:00
parent d875be4465
commit cbf4878f7f
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/soapbox/components/dropdown-menu/dropdown-menu.tsx
View file

@ -1,4 +1,4 @@
import { offset, Placement, useFloating, flip, arrow } from '@floating-ui/react';
import { offset, Placement, useFloating, flip, arrow, shift } from '@floating-ui/react';
import clsx from 'clsx';
import { supportsPassiveEvents } from 'detect-passive-events';
import React, { useEffect, useMemo, useRef, useState } from 'react';
@ -65,6 +65,9 @@ const DropdownMenu = (props: IDropdownMenu) => {
middleware: [
offset(12),
flip(),
shift({
padding: 8,
}),
arrow({
element: arrowRef,
}),