jquery-ui-Resizableにて、180度回転した要素の挙動がおかしい

Webアプリケーションにて、Jquery-ui-Resizableを利用していますが、
その中でリサイズ対象要素を360度まで回転させる処理があるのですが、
180度以上回転させると、右辺を操作しているのに左辺が伸びていってしまうという事象に悩まされています。

https://js.studio-kingdom.com/jqueryui/interactions/resizable
上記要素を開発者ツールで transform: rotate(180deg)
で設定してからリサイズしていただくと事象がわかるかと思います。

180度回転すると
・右側を掴む（実際は要素の左辺）
・左にドラッグする→要素の左側が伸びる（実際は要素の右辺）

要素の左辺を掴んでおり、左側にドラッグすると伸びる
ところまでは良いのですが、右辺が伸びてしまう、といったところが気持ち悪く、混在しているように思えます。
・左辺を掴んで左にドラッグすると、左辺が伸びる
もしくは
・左辺を掴んで右にドラッグすると、左辺が伸びる
というふうに変えられれば違和感は多少無くなるのかなと思いますが、ブラウザの仕様上無理なのでしょうか。