Paper boundary with restrictTranslate doesn't work after <path> shape is rotated.

[HarryBuxton7]

Introduction

If I have paper with a boundary defined by restrictTranslate being set to true, it means my shapes can't go over the boundary, and can be dragged to the edge of the paper as intended.

However when I rotate my items using the halo rotate tool, I can't drag the item to the edge of the paper, there is invisible whitespace blocking it. I assume because the bounding box has not been updated.

The shape being along the edge:

Once rotated, it can no longer be dragged to the edge:

Steps to reproduce

Codesandbox

Restrictions & Constraints

I need to be using a custom shape and have a fixed x by x boundary I can drag to the side of.

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

It works as intended. We take only the rotated model bounding box into account which is always a rectangle.

blue is the element bounding box and red is rotated element bounding box

The restrictTranslate() could be defined as a function returning a function, if you need to implement a custom logic.
Here's an example: https://www.jointjs.com/demos/hexagonal-grid