jQuery UI は、jQuery のposition
メソッドを独自の でオーバーライドします。これにより、この fiddleでわかるように、<div>
非常に簡単に右上隅にアイコンを表示できます。
icon.position({
my: "right top",
at: "right top",
of: "div"
});
ただし、SVG 要素 (例: <rect>
) の場合、予期しない動作が発生します。たとえば、このテスト ケースでわかるように、アイコンは右上ではなく左上に表示されます。代わりに「左上」で試してみると、アイコンが画面外に配置されます。
このサイトと Google をできる限り検索しましたが、jQuery UI の position メソッドが SVG 要素で機能しないことへの言及は見つかりませんでした。
何が起きてる?