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

fix(react tabs): Selected tab is not visible in HC on Windows #33910

Merged

Conversation

ValentinaKozlova
Copy link
Contributor

Description of the bug in ADO:
When using subtle-circular/filled-circular appearance in high contrast aquatic or dessert theme, it is hard to differentiate what tab is selected in the tablist.

This is mostly due to having no background color for selected tab in these theme.

Previous behavior Screenshot New Behavior
Selected state image image image image
Disabled on hover has a border image No border on hover in disabled state
filled-circular on hover doesn't change background color: image image

Related Issue(s)

ADO issue 24802

Copy link

github-actions bot commented Feb 26, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.172 MB
293.654 kB
1.174 MB
293.93 kB
1.55 kB
276 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.638 kB
20.24 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
225.271 kB
65.211 kB
react-components
react-components: FluentProvider & webLightTheme
44.473 kB
14.597 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-timepicker-compat
TimePicker
108.551 kB
36.094 kB
🤖 This report was generated against 7e2caeb7f2d3c8e291bda2fc62e59cbf5e19b413

Copy link

Pull request demo site: URL

@ValentinaKozlova ValentinaKozlova force-pushed the fix/react-tabs-selected-hc branch from 1944098 to bba4b9b Compare February 26, 2025 13:20
@ValentinaKozlova ValentinaKozlova marked this pull request as ready for review February 26, 2025 13:21
@ValentinaKozlova ValentinaKozlova requested review from dmytrokirpa and a team as code owners February 26, 2025 13:21
@ValentinaKozlova ValentinaKozlova force-pushed the fix/react-tabs-selected-hc branch from dd5909c to 9ef4272 Compare February 26, 2025 17:35
@ValentinaKozlova ValentinaKozlova force-pushed the fix/react-tabs-selected-hc branch from 9ef4272 to 44764f3 Compare February 26, 2025 17:48
Copy link
Contributor

@smhigley smhigley left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Generally looks good! Just a couple suggested fixes and then it should be good to go 😊

@ValentinaKozlova ValentinaKozlova merged commit b5e4ad6 into microsoft:master Feb 26, 2025
11 checks passed
@ValentinaKozlova ValentinaKozlova deleted the fix/react-tabs-selected-hc branch February 26, 2025 19:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants