Menu icon Foundation
Top-Bar F6.2 alignment submenu wrong

Screenshot.jpg

Is it a new bug or do I make some mistakes?
With the new Foundation 6.2 the drill down Sub-Sub-Menu opens to the right outside the screen (see picture)
Here is my Top-Bar

<div  class="title-bar"  data-responsive-toggle="meinmenu"  data-hide-for="medium">
      <button  class="menu-icon"  type="button"  data-toggle=""></button>
      <div  class="title-bar-title">Menu</div>
    </div>
    <div  class="top-bar"  id="meinmenu">
      <div  class="top-bar-left">
        <ul  class="dropdown menu"  data-dropdown-menu="">
          <li  class="menu-text">Site Title</li>
        </ul>
      </div>
      <div  class="top-bar-right">
        <ul  class="vertical menu medium-horizontal"  data-responsive-menu="drilldown medium-dropdown">
          <!-- Link1 -->
          <li  class="has-submenu"> <a  href="#">One</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li><a  href="#">Two</a></li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link2 -->
          <li  class="has-submenu"> <a  href="#">Two</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li  class="has-submenu"> <a  href="#">Two</a>
                <ul  class="submenu menu vertical"  data-submenu="">
                  <li><a  href="#">Sub1</a></li>
                  <li><a  href="#">Sub2</a></li>
                </ul>
              </li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link3 -->
          <li><a  href="#">Three</a></li>
          <!-- Link4 -->
          <li><a  href="#">Four</a></li>
        </ul>
        </div>
      </div>
            

         

Foundation 6.2top-barsubmenu

Screenshot.jpg

Is it a new bug or do I make some mistakes?
With the new Foundation 6.2 the drill down Sub-Sub-Menu opens to the right outside the screen (see picture)
Here is my Top-Bar

<div  class="title-bar"  data-responsive-toggle="meinmenu"  data-hide-for="medium">
      <button  class="menu-icon"  type="button"  data-toggle=""></button>
      <div  class="title-bar-title">Menu</div>
    </div>
    <div  class="top-bar"  id="meinmenu">
      <div  class="top-bar-left">
        <ul  class="dropdown menu"  data-dropdown-menu="">
          <li  class="menu-text">Site Title</li>
        </ul>
      </div>
      <div  class="top-bar-right">
        <ul  class="vertical menu medium-horizontal"  data-responsive-menu="drilldown medium-dropdown">
          <!-- Link1 -->
          <li  class="has-submenu"> <a  href="#">One</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li><a  href="#">Two</a></li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link2 -->
          <li  class="has-submenu"> <a  href="#">Two</a>
            <ul  class="submenu menu vertical"  data-submenu="">
              <li><a  href="#">One</a></li>
              <li  class="has-submenu"> <a  href="#">Two</a>
                <ul  class="submenu menu vertical"  data-submenu="">
                  <li><a  href="#">Sub1</a></li>
                  <li><a  href="#">Sub2</a></li>
                </ul>
              </li>
              <li><a  href="#">Three</a></li>
            </ul>
          </li>
          <!-- Link3 -->
          <li><a  href="#">Three</a></li>
          <!-- Link4 -->
          <li><a  href="#">Four</a></li>
        </ul>
        </div>
      </div>