I’m working on a single page with various groups appearing and disappearing on the page based on user interaction.
At some point I need to add a warning, and bring focus on that warning, then continue by bringing focus on another element in the page.
I’m using workflow’s “scroll to” element.
However, the element it scrolls to is partially hidden by the floating header. So even though the element is visible, it is not fully visible and looks very odd. See example of warning here:
What’s the trick?