External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(tooltip): position could change from top to side

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-07-03 15:27:13 +02:00
parent 387851d743
commit 7fce789096
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/tooltip/tooltip.tsx
+2 -8
View File
@@ -1,5 +1,5 @@
import { useState, ReactNode } from 'react'; import { useState, ReactNode } from 'react';
import { useFloating, autoUpdate, offset, flip, shift, useHover, useFocus, useDismiss, useRole, useInteractions, FloatingPortal } from '@floating-ui/react'; import { useFloating, autoUpdate, offset, shift, useHover, useFocus, useDismiss, useRole, useInteractions, FloatingPortal } from '@floating-ui/react';
import styles from './tooltip.module.css'; import styles from './tooltip.module.css';
interface TooltipProps { interface TooltipProps {
@@ -16,13 +16,7 @@ const Tooltip = ({ content, children, showTooltip = true }: TooltipProps) => {
onOpenChange: setIsOpen, onOpenChange: setIsOpen,
placement: 'top', placement: 'top',
whileElementsMounted: autoUpdate, whileElementsMounted: autoUpdate,
middleware: [ middleware: [offset(5), shift()],
offset(5),
flip({
fallbackAxisSideDirection: 'start',
}),
shift(),
],
}); });
const hover = useHover(context, { move: false, delay: { open: 500, close: 0 } }); const hover = useHover(context, { move: false, delay: { open: 500, close: 0 } });