Flexbox列中具有Flexbow行的子菜单：子菜单项不在同一行中

Question

我正在尝试构建一个带有固定位置的左对齐控制面板（通过具有列方向的flexbox实现）的UI，该子菜单有时可用于此flexbox中的给定项目。该子菜单应显示在父项的左侧。现在，到目前为止，我的工作看起来很有希望：

super.onCreate(savedInstanceState);
setContentView(R.layout.{your layout});

http://jsfiddle.net/hf5bts1a/15/

但是，子菜单无法正常工作，由于某些无法解释的原因，没有在行中显示两个项目，而是再次显示为列（请参见上面的小提琴；最低的“按钮”有一个带有4个其他条目的子菜单，见红色）。

Answer 1

我发现的解决方案是在子菜单按钮上设置min-width:40.5px，并将display:flex添加到子菜单内的按钮组。