laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

HighLevelSelect: pass flex_shrink prop to SelectTrigger (#2876)

Browse Source 
* Revert "Remove width prop from rx.select (#2835)"

This reverts commit d14292dc9b.

* HighLevelSelect: pass flex_shrink prop to SelectTrigger

This allows the high level select to have width="100%" and also shrink-to-fit inside a parent container.

Fix #2824, kind of
This commit is contained in:
Masen Furer 2024-03-18 15:49:15 -07:00 committed by GitHub
parent ee1ff7f93f
commit f446d063fb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
reflex/components/radix/themes/components/select.py
View File

@ -181,6 +181,9 @@ class HighLevelSelect(SelectRoot):
# The radius of the select.
radius: Var[LiteralRadius]
# The width of the select.
width: Var[str]
# The positioning mode to use. Default is "item-aligned".
position: Var[Literal["item-aligned", "popper"]]
@ -203,7 +206,7 @@ class HighLevelSelect(SelectRoot):
trigger_props = {
prop: props.pop(prop)
for prop in ["placeholder", "variant", "radius"]
for prop in ["placeholder", "variant", "radius", "width", "flex_shrink"]
if prop in props
}

4
reflex/components/radix/themes/components/select.pyi
View File

@ -863,6 +863,7 @@ class HighLevelSelect(SelectRoot):
Literal["none", "small", "medium", "large", "full"],
]
] = None,
width: Optional[Union[Var[str], str]] = None,
position: Optional[
Union[
Var[Literal["item-aligned", "popper"]],
@ -949,6 +950,7 @@ class HighLevelSelect(SelectRoot):
high_contrast: Whether to render the select with higher contrast color against background.
variant: The variant of the select.
radius: The radius of the select.
width: The width of the select.
position: The positioning mode to use. Default is "item-aligned".
size: The size of the select: "1" | "2" | "3"
default_value: The value of the select when initially rendered. Use when you do not need to control the state of the select.
@ -1061,6 +1063,7 @@ class Select(ComponentNamespace):
Literal["none", "small", "medium", "large", "full"],
]
] = None,
width: Optional[Union[Var[str], str]] = None,
position: Optional[
Union[
Var[Literal["item-aligned", "popper"]],
@ -1147,6 +1150,7 @@ class Select(ComponentNamespace):
high_contrast: Whether to render the select with higher contrast color against background.
variant: The variant of the select.
radius: The radius of the select.
width: The width of the select.
position: The positioning mode to use. Default is "item-aligned".
size: The size of the select: "1" | "2" | "3"
default_value: The value of the select when initially rendered. Use when you do not need to control the state of the select.