Repository navigation
Bug - DrawerPanelContent - custom styles can get overridden #11821
Description
from @jeswanke slack chat:
- we added a DrawerPanelContent like so:
<DrawerPanelContent
defaultSize="800px"
style={{ backgroundColor: 'rgb(21, 21, 21)' }}
>
- then DrawerPanelContent does this:
{...((defaultSize || minSize || maxSize) && {
style: boundaryCssVars as React.CSSProperties
})}
{...props}
- so DrawerPanelContent sets defaultSize style, then our style overwrites that with {…props}
Expected behavior
we can use defaultSize, minSize, and maxSize and still use the style prop.
will probably want to either have a style prop separate, or use props.style for the style attribute and ignore it in ...props like
style={{
...(defaultSize || minSize || maxSize ? boundaryCssVars : {}),
...props.style
}}
{...{ ...props, style: undefined }}
Metadata
Metadata
Assignees
Type
Projects
- Status
Activity
github-actions commentedon Jul 21, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
github-actions commentedon Sep 21, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.