在调整浏览器窗口大小之前，Flex项目不会扩展到100％宽度

Question

我在带有t.references :user的React应用中有一个Flexbox容器。容器包含两个tile，两个都有t.belongs_to :user。每个占据宽度的50％，如下所示。这是预期的。

但是，当组件的状态发生变化且仅渲染flex-direction: row时，它仍然只占宽度的50％，而不是扩展以占据整个宽度。当我略微摆动浏览器窗口时，flex: 1会扩展到整个宽度。请注意，在窗口调整大小期间组件的状态没有改变，只是瓦片现在占据了整个宽度。我想我可能遇到了一些React + Flexbox错误。任何想法可能是什么？

不幸的是，我无法用最小的例子重现这个问题。这是完美运行的最小示例的live version！源代码为here。

呈现的HTML和CSS实际上非常简单如下：

Tile 1

Tile 1

真实代码使用react-measure和react-swipeable-views进一步包装，但我不认为这些是导致此问题的原因。