heroui tooltip不跟随children的绝对定位

1. heroui tooltip不跟随children的绝对定位

子元素使用 position: absolute 进行绝对定位时，Tooltip 仍然会基于元素在原始文档流中的位置进行显示，而不是基于绝对定位后的实际位置。

        <Tooltip
          placement={"top"}
          content={tooltipContent}
        >
        <div classname = "absolute right-3">
           {children}
        </div>
        </Tooltip>

还没有找到问题的具体原因，暂时用不使用adsolute解决

解决

避免使用绝对定位，改用 Flexbox之类布局实现相同的视觉效果

   // 原来的布局
   <div className="relative flex">
     <div className="">...</div>
     <Tootip className="absolute right-[12px]">...</Tooltip>
   </div>
   
   // 修改后的布局
   <div className="flex justify-between gap-2">
     <div className="">...</div>
     <Tootip>...</Tootip>
   </div>