Fluentui: TeachingBubble affects other component :focus background.
Bug Report
- __Package version(s)__: 6.25.2 - Bug has been introduced with 6.1.0
- __Browser and OS versions__: CEF v3239 / Windows 10 Latest version
Describe the issue:
Whenever i open a TeachingBubble, other component such as IconButton and Nav are affected as their :focus background gets set to the same blue as the TeachingBubble.
Actual behavior:
Behavior only appears once the TeachingBubble is triggered, and it affects all "button".
Other components have a blue background when focused.
Expected behavior:
Other components should not be affected by the TeachingBubble.
frederikstonge
All 2 comments
We just did the conversion to styles, appears that the :focus style added by the teaching bubble isn't scoped to the teaching bubble's button, therefore adds style to anything focusing on the page.
https://codepen.io/micahgodbolt/pen/pKmXVG
micahgodbolt
on 5 Jul 2018
We just merged a change and are in progress of publishing a new patched version. Sorry for the bug! We area also adjusting our css tooling to avoid this category of problem completely.
dzearing
on 5 Jul 2018
Related issues
satbai
路
3Comments
satbai
路
3Comments
justinwilaby
路
3Comments
carruthe
路
3Comments
prashkan
路
3Comments
Most helpful comment
We just merged a change and are in progress of publishing a new patched version. Sorry for the bug! We area also adjusting our css tooling to avoid this category of problem completely.