Skip to content

[Select]: Using render in Select.Icon do not remove the default icon #4752

@mahi160

Description

@mahi160

Bug report

Current behavior

When you use a custom icon for Select.Icon with render, it doesn't remove the default icon.

Image

Expected behavior

I should remove the default one just like when you use the icon as a children

Reproducible example

<Select.Icon
    data-slot="wu-select-trigger-icon"
    render={<span className="arrow-drop-down" />} // font icon
/>

Base UI version

1.4.1

Which browser are you using?

Brave

Which OS are you using?

Mac OS

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: selectChanges related to the select component.has workaroundThere’s a bug, but users have a complete workaround, so no urgent fix or release is needed.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions