Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add active style when dropdown is opened #17368

Closed
Teleology opened this issue Mar 10, 2021 · 3 comments
Closed

add active style when dropdown is opened #17368

Teleology opened this issue Mar 10, 2021 · 3 comments
Assignees
Labels
Component: Dropdown Fluent UI react (v8) Issues about @fluentui/react (v8) Resolution: Soft Close Soft closing inactive issues over a certain period Type: Feature

Comments

@Teleology
Copy link

Teleology commented Mar 10, 2021

Describe the feature that you would like added

currently, the dropdown doesn't expose the styles for the open state. I prefer it to have something like below so I can customize the UI when the dropdown is in a different state:

export interface IDropdownStyles {
    root: IStyle;
   rootPressed: IStyle;
   rootChecked: IStyle;
   rootFocused: IStyle;
}

I want to highlight the box but didn't find a field such as rootOpened, so I use CSS and directly override it.
image

What component or utility would this be added to

IDropdownStyles

Have you discussed this feature with our team, and if so, who

No

Additional context/screenshots

No

@gouttierre
Copy link
Contributor

@Teleology - Thanks for filling this enhancement for the IDropdownStyles. If you have a suggestion or would like to contribute towards this - please share a PR with us! For now, I’ll mark this as a feature request and add it to our backlog for the Dropdown Comps, but we’re likely not going to get to it for a while as we’re currently focused on larger coherence work items and enhancements to our performance.

@JustSlone
Copy link
Collaborator

Linking to our epic issue for Dropdown - #6030

@msft-fluent-ui-bot msft-fluent-ui-bot added the Resolution: Soft Close Soft closing inactive issues over a certain period label Feb 4, 2022
@msft-fluent-ui-bot
Copy link
Collaborator

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

@microsoft microsoft locked as resolved and limited conversation to collaborators Mar 7, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Component: Dropdown Fluent UI react (v8) Issues about @fluentui/react (v8) Resolution: Soft Close Soft closing inactive issues over a certain period Type: Feature
Projects
None yet
Development

No branches or pull requests

6 participants