ScrollArea display: table issue not fixed

radix-ui / primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

https://radix-ui.com/primitives

MIT License

15.88k stars 823 forks source link

ScrollArea display: table issue not fixed #3129

Closed molvqingtai closed 2 weeks ago

molvqingtai commented 2 months ago

Bug report

@see https://github.com/radix-ui/primitives/issues/926
@see https://github.com/radix-ui/primitives/pull/2945
@see https://github.com/radix-ui/primitives/issues/2722

I see that the fixed https://github.com/radix-ui/primitives/pull/2945 has been merged, but I installed the latest version "@radix-ui/react-scroll-area": "^1.1.0" and the problem still exists

Sh031224 commented 2 months ago

You should use version 1.2.0-rc.7, not 1.1.0.

jose-costa-frontify commented 2 weeks ago

I'm on version 1.2.0 and still have this issue, except previously I used the display: block fix, now I'm applying min-width: 0 to the same element to achieve the same result. For me it's happening when elements within the scroll area contain text with ellipsis.