Thanks for your answer
In the actual app, there are several buttons next to each other, all left-aligned.
Although the GroupFocus on the first one might appear well, it will still be an issue on buttons 3 / 4 / etc.
So I don’t think the issue is about the button’s position on the page.
Here’s an updated example with the buttons correctly aligned:
Obviously, I agree that if the content of you Group Focus is too large and fixed width, it won’t show properly on smaller screens, as for any other element type.
FYI: on the screenshots right above, the GroupFocus is 270px (while the mobile view is 360px).
To me, the GroupFocus should be positionned relative to it’s Reference Element but it’s offest values should adapt if it doesn’t fit the screen anymore.
Right now, I can’t think of a use case where you would prefer to have your GroupFocus to be partially hidden rather than to have its position move regarding it’s reference element.
Rational: if you can see the ReferenceElement on your page (responsive-wise), then you can click on it, then you expect to be able to see it’s GroupFocus.