foundation中dropdown panel下拉面板中的float-right

我发现foundation中dropdown panel下拉面板中的float-right有些问题

如果使用float-right加在触发元素上，那么弹出的面板会占满整个外部容器的宽度。而不是自身内容的宽度。

但是float-left就没有这个问题。

参考代码如下

<div class="row">
      <div class="column">
          <button class="button float-left" type="button" data-toggle="example-dropdown1">float-right Aligned</button>
          <div class="dropdown-pane" id="example-dropdown1" data-dropdown>
            11111
          </div>
      </div>
      <div class="column">
          <button class="button float-right" type="button" data-toggle="example-dropdown2">float-right Aligned</button>
          <div class="dropdown-pane" id="example-dropdown2" data-dropdown>
            22222
          </div>
      </div>
    </div>

另外，我使用的是float-grid模式，因为我发现在flex-grid模式下，这个float-left, float-right都不会生效。