tooltips for the toolbar buttons are misaligned.

[alex521]

if put Editor in FiledGroup , the tooltips for the toolbar buttons are misaligned.

FiledGroup has classname "@container/field-group"

[hunghg255]

Can you create a mini repo? I will re-check, because the tooltip I'm using to from Shadcn

[alex521]

function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
return (
<div
data-slot="field-group"
className={cn(
"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
className
)}
{...props}
/>
);
}

The “@container/field-group” class caused the bug.

[hunghg255]

help me create a repo. it will help me debug css easier