Flexbox div不会在firefox

Question

我有一个div下拉元素。我正在使用flexbox，因此我可以使用order轻松订购内容：

.dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  display: flex;
  flex-flow: column-reverse nowrap;
}

<div class="dropdown-content">
  <div class="selectable" style="order: 700">Something</div>
  <div class="selectable" style="order: 100">Something</div>
  <div class="selectable" style="order: 800">Something</div>
</div>

这在Chrome上工作正常，内容可滚动，但Firefox拒绝显示滚动条。如果我强制滚动条，通过设置overflow-y: scroll;，它们只是禁用了滚动条。

我尝试添加min-height:0; min-width:0;，但这无效。