radix-ui / themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

Home Page:https://radix-ui.com/themes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[DataList] Issue - does not respect width of parent container

heavygweit opened this issue · comments

The DataList component doesn't respect the maximum width of its parent container. There is no way to restrict the width of the child elements without fixing a value to them, so it isn't fully responsive. It behaves like the size property has some sort of minimum width attached to it.

What does your UI look like?

There is a min-width: 120px on DataList.Label which we should probably document or revisit if that’s too aggressive. It can be overridden though:

<DataList.Label minWidth="80px">