use portal on all sidebar tooltips (#11267)

This commit is contained in:
Josh Hawkins
2024-05-06 12:18:28 -05:00
committed by GitHub
parent ca8ef70096
commit 306c11d730
3 changed files with 23 additions and 12 deletions

View File

@@ -65,6 +65,7 @@ import {
DialogPortal,
DialogTrigger,
} from "../ui/dialog";
import { TooltipPortal } from "@radix-ui/react-tooltip";
type GeneralSettingsProps = {
className?: string;
@@ -124,9 +125,11 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
<LuSettings className="size-5 md:m-[6px]" />
</div>
</TooltipTrigger>
<TooltipContent side="right">
<p>Settings</p>
</TooltipContent>
<TooltipPortal>
<TooltipContent side="right">
<p>Settings</p>
</TooltipContent>
</TooltipPortal>
</Tooltip>
</a>
</Trigger>