Coachmark: WC design parity - dev updates #9100
Description
Missing variants?:
The following coachmark variants are missing from the web components:
- Coachmark Fixed
- Coachmark Stacked
Is this intentional?
Where can designers and devs find examples:
- Fixed and Stacked coachmarks in web components
- Coachmarks with images
- Stepped coachmark examples
Dev comment:
All these issue are linked to pattern implementations and can be addressed in separate tickets.
Primary button focus disparity:
Button focus in web components does not align with Carbon guidance: (https://carbondesignsystem.com/components/button/usage/)
Close button disparity:
Web component missing Carbon close tooltip upon hover
Drag button disparity:
Web component missing Carbon drag tooltip upon hover
Tooltip and Floating coachmark tab order:
When focus is on the primary action button, and the user wants to tab backwards to shift the focus to the close button, focus does not shift. This applies to both the Tooltip coachmark and Floating coachmark
Floating coachmark tab order:
When focus starts on the drag icon and the user tabs, focus correctly moves to the close button. But hitting Tab again closes the coachmark instead of moving focus to the primary action. The expected tab order should be: drag icon → close button → primary button. (Reference React tab order)
Floating coachmark missing controls:
Web components is missing the position control. Is this intentional? Will teams still be able to choose a place in the UI for the floating coachmark to appear (if they don't want it to appear right next to the button)
Floating coachmark UX:
The Floating coachmark is currently dismissed whenever the user clicks anywhere else on the page. Can we confirm whether this behavior is Storybook‑specific or part of the component’s implementation? Ideally, the coachmark should persist until the user explicitly closes it since users would be dragging it around while actively using the UI.
Dev comment: This is a valid issue. This has to be addressed for both React and WC
Icon buttons colors + themes
Button icons are not switching to white for the Floating coachmark and the Tooltip coachmark
