I was trying to achieve something like this with a FocusGroup and a triangle on the edge:
But I couldn’t make the triangle negative margin. It wouldn’t get off the FocusGroup and create such a design. It would add a scroll feature. I tried making a triangle with both CSS/HTML combo and Image/SVG.
Any contained element that extends beyond the boundary of a Group Focus (GF) or Floating Group (FG) will get clipped. The solution is simply to make the GF transparent and use a regular group inside as the background color. For the triangle, I just use a shape element rotated 45 degrees that sits behind the group.
