javascript - k-window-titlebar がクリック イベントを吸収しないようにする方法

Question

Window クラスの k-window-wtitlebar 部分がクリック イベントを吸収しないようにすることは可能ですか?

ウィンドウのタイトルにフォームを挿入していますが、フォーム内の選択ボックスをクリックすることはできませんが、ボタンはクリック可能のままです。タイトルバーでクリック イベントを通過させながら、ウィンドウをドラッグできるようにする方法はありますか?

問題を示す短いサンプルを次に示します。タイトルバーの選択ボックスが一瞬点滅しますが、その後開きません。これを簡単に理解できるように剣道がどのように設定されているかについては、私は十分に理解していません。何かがクリックイベントを吸収していることを知っており、それを k-window-titlebar に絞り込みました (と思います)。アイデアはありますか？

<link href="assets/ui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="assets/ui/styles/kendo.default.min.css" rel="stylesheet" />
<script src="assets/app/js/jquery.js"></script>
<script src="assets/app/js/jquery.form.min.js"></script>
<script src="assets/app/js/bootstrap.min.js"></script>
<script src="assets/app/js/bootstrap-toggle.min.js"></script>
<script src="assets/app/js/main.js"></script>
<script src="assets/ui/js/kendo.all.min.js"></script>


<style>
form {
    display: inline;
}
</style>
<div class="shell">
<br><br><br><br>
    <div id="window1" class="window">
        <div class="client">
            Test
        </div>
    </div>

    <script>
        $(document).ready(function() {
            var myWindow = $("#window1");


            myWindow.kendoWindow({
                width: "400px",
                height: "200px",
                title: "Test window",
                iframe: true,
                visible: true,
                actions: [
                    "Maximize",
                    "Close"
                ]
            }).data("kendoWindow").center().open();


        var $win = $('#window1');
        console.log($win);
        var $parent = $win.parent('.k-window');
        console.log($parent);
        var $title = $parent.find('.k-window-title');
        console.log($title);
        $title.append($('<form><select><option>one</option><option>two</option></select><button>test</button></form>'));

        });
    </script>
</div>