jquery - JQueryUI Draggable: TypeError: Window.getComputedStyle の引数 1 はインターフェイス Element を実装していません

Question

以下の一連の要素にドラッグ可能な JQueryUI をアタッチしようとしています。

                            <ul class="children">
                                <li id="component-nav" class="component-palette-item"><a href="#"><i class="fa fa-sitemap"></i><span> Navigation</span></a>
                                </li>
                                <li id="component-container" class="component-palette-item"><a href="#"><i class="fa fa-file-text-o"></i><span> Container</span></a>
                                </li>
                                <li id="component-row" class="component-palette-item"><a href="#"><i class="fa fa-list" ></i><span> Row</span></a>
                                </li>
                                <li id="component-column" class="component-palette-item"><a href="#"><i class="fa fa-columns"></i><span> Column</span></a>
                                </li>
                            </ul>

ドラッグ可能な初期化コード:

$('.component-palette-item').draggable({
        containment: designPanel,
        helper: 'clone',
        cursor: "move"
    });

要素は次のように表示されます。

項目の 1 つをマウスでクリックするとすぐに、Firefox で次のエラーが発生します。

TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element.

マウスを動かすたびにブラウザがサスペンドし、上記の複数のエラーが発生し、クリックした要素がこのようになります。これは、ドラッグを実行する前です。