Component
Toast
Package version
9.68.4
React version
18.3.1
Environment
System:
OS: Windows 11 10.0.26200
CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1265U
Memory: 9.75 GB / 31.83 GB
Browsers:
Chrome: 141.0.7390.77
Edge: Chromium (141.0.3537.71)
Internet Explorer: 11.0.26100.1882
Current Behavior
In fluentui/[email protected] and earlier (e.g., 9.66.6), a link on ToastTitle -- where the Toast's appearance was "inverted" -- was showing up as colored:
<Toast appearance="inverted">
<ToastTitle action={<Link>{'This is a link'}</Link>}></ToastTitle>
</Toast>
In newer versions (e.g., 9.68.0, and up through today's latest of 9.72.2), this behavior regressed to it showing in white only:
Expected Behavior
Expecting no behavioral change, given that it's all a single major version.
Comparing the code differences between 9.67.0 and 9.68.4 -- https://github.com/microsoft/fluentui/compare/%40fluentui/react-components_v9.67.0..%40fluentui/react-components_v9.68.4 -- I have a strong suspicion that this is related:
Reproduction
https://stackblitz.com/edit/anz1mbci-egquqch5 versus https://stackblitz.com/edit/anz1mbci-mr5taacy
Steps to reproduce
Baseline version (9.66.6): https://stackblitz.com/edit/anz1mbci-egquqch5?file=package.json
Broken version (9.68.4): https://stackblitz.com/edit/anz1mbci-mr5taacy?file=package.json
In both cases, I used resolutions to ensure that I was picking up just the desired version and its sub-dependencies, rather than letting yarn skip ahead to the latest
Are you reporting an Accessibility issue?
no
Suggested severity
Medium - Has workaround
Products/sites affected
This is preventing our team from bumping to latest FluentUI (though we may be able to patch-package)
Are you willing to submit a PR to fix?
no
Validations
Component
Toast
Package version
9.68.4
React version
18.3.1
Environment
System: OS: Windows 11 10.0.26200 CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1265U Memory: 9.75 GB / 31.83 GB Browsers: Chrome: 141.0.7390.77 Edge: Chromium (141.0.3537.71) Internet Explorer: 11.0.26100.1882Current Behavior
In
fluentui/[email protected]and earlier (e.g.,9.66.6), a link on ToastTitle -- where the Toast's appearance was "inverted" -- was showing up as colored:In newer versions (e.g.,
9.68.0, and up through today's latest of9.72.2), this behavior regressed to it showing in white only:Expected Behavior
Expecting no behavioral change, given that it's all a single major version.
Comparing the code differences between
9.67.0and9.68.4-- https://github.com/microsoft/fluentui/compare/%40fluentui/react-components_v9.67.0..%40fluentui/react-components_v9.68.4 -- I have a strong suspicion that this is related:Reproduction
https://stackblitz.com/edit/anz1mbci-egquqch5 versus https://stackblitz.com/edit/anz1mbci-mr5taacy
Steps to reproduce
Baseline version (9.66.6): https://stackblitz.com/edit/anz1mbci-egquqch5?file=package.json
Broken version (9.68.4): https://stackblitz.com/edit/anz1mbci-mr5taacy?file=package.json
In both cases, I used
resolutionsto ensure that I was picking up just the desired version and its sub-dependencies, rather than lettingyarnskip ahead to the latestAre you reporting an Accessibility issue?
no
Suggested severity
Medium - Has workaround
Products/sites affected
This is preventing our team from bumping to latest FluentUI (though we may be able to patch-package)
Are you willing to submit a PR to fix?
no
Validations