基础顶杆下拉菜单 我试图在基础中设置一个带有子菜单项的TopBar菜单。代码似乎是正确的，但子菜单项在页面刷新时不断破坏顶部栏的样式，然后在加载javascript时进入适当位置（隐藏在顶部菜单项下）

地址在下拉箭头上，但不在列表项本身上

代码：

代码笔：

此闪烁也发生在官方代码笔上：

<div class="top-bar">
<ul class="dropdown menu" data-dropdown-menu>
  <li class="is-dropdown-submenu-parent">
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 1B</a></li>
      <li><a href="#">Item 1C</a></li>
      <li><a href="#">Item 1D</a></li>
      <li><a href="#">Item 1E</a></li>
      <li><a href="#">Item 1F</a></li>
      <li><a href="#">Item 1G</a></li>
      <!-- ... -->
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>
</div>