html - メニューの下の剣道スプリッターを使用した後、メニューにメニュー項目が表示されない

Question

セットアップ メニュー項目をクリックしても、メニューに項目が表示されません。剣道スプリッターを使用する前は、正常に機能していました。メニュー要素に高い z-index を設定した後でも、メニューがポップアップしなくなりました。

これは私のメニューバーです

<nav class="top-bar bottomnav" data-topbar>
        <section class="top-bar-section">

            <ul class="right">
                <li class="has-content-dropdown"><a href="#" data-dropdown="setuplist" title="Setup">
                    <img src="/Content/Images/setup-16x16.png" alt="Setup" />&nbsp;Setup</a>
                    <div id="setuplist" data-dropdown-content class="medium f-dropdown iconlist">
                              @{
                            link="#";
                            }                     
                        { link="/Classification/ClassificationLabel"; }
                        <div class="iconlink">
                            <a href='@link' title="Classification Label" onclick="OnclickPrem(this)">
                                <img src="/Content/Images/labels-72x72.png" /><div>Classification Label</div>
                            </a>
                        </div>
                              @{
                            link="#";
                            }
                        { link="/Classification/Index"; }
                        <div class="iconlink">
                            <a href='@link' title="Classification" onclick="OnclickRPrem(this)">
                                <img src="/Content/Images/Classification-72x72.png" /><div>Classification</div>
                            </a>
                        </div>
                    </li>
      </ul>
       </section>

このメニューの下に剣道スプリッターを使用

@(Html.Kendo().Splitter()
  .Name("vertical")
  .Orientation(SplitterOrientation.Vertical)
  .HtmlAttributes(new { style = "height: 70%;height:78.3vh;" })
  .Panes(verticalPanes =>
  {
      verticalPanes.Add()
          .HtmlAttributes(new { id = "top-pane" })
          .Scrollable(false)
          .Collapsible(false)
          .Content(
            Html.Kendo().Splitter()
                .Name("horizontal")
                .HtmlAttributes(new { style = "height: 100%;" })
                .Panes(horizontalPanes =>
                {
                    horizontalPanes.Add()
                        .HtmlAttributes(new { id = "left-pane" })
                        .MaxSize("300px")
                        .MinSize("250px")
                        .Size("300px")
                        .Collapsible(true)
                        .Collapsed(true)
                        .Content(Html.Action("Tasks").ToString());
                    horizontalPanes.Add()
                        .HtmlAttributes(new { id = "center-pane"})
                        .Content(@<div class="renderbodydiv" style="padding-top: 8px">
                            @RenderBody()
                        </div>);
                }).ToHtmlString()
          );

  })

)