Material ui 文本字段与react select位于同一网格中时不会拉伸

这是最近的一个问题，仅在Chrome版本76.0.3809.132上出现。我有一个非常简单的对话框，其中包含一个MaterialUIV4.3.3网格、一些文本字段和2个react-selectv3.0.4选择框。容器是使用justify flex start和alignItems stretch设置的。输入控件被简单地包装在网格项中，所有这些项上都设置了fullWidth。我看到的问题是，在渲染时，文本字段不会拉伸网格的整个宽度，而选择会拉伸网格的整个宽度。这里是有趣的地方，如果我在组件中使用tab键循环焦点，文本字段将在react-select组件获得焦点后立即捕捉到全宽，如果我只单击react-select组件，也会发生这种情况。如果我将tab循环移回文本字段，它们会恢复到原来的宽度

如果我从网格中删除选择项，文本字段将按预期拉伸容器的宽度。我已经从react select中删除了所有自定义样式，但它仍然显示相同的行为文本字段显示不全宽。我还在react select、react select material ui周围尝试了一个单独的第三方react包装器，它仍然表现出相同的行为

        <Grid
          container
          direction="column"
          justify="flex-start"
          alignItems="stretch"
        >
          <Grid item>
            <Select ... />
          </Grid>
          <Grid item>
            <TextField ... />
          </Grid>
          <Grid item>
            <TextField ... />
          </Grid>
          <Grid item>
            <TextField ... />
          </Grid>
          <Grid item>
            <Select ... />
          </Grid>
        </Grid>

---

如前所述，直到最近，这仍然像预期的那样工作，并且只发生在Chrome中。我的期望是，文本字段将一致地呈现容器的整个宽度。

最新版本的Chrome 77.0.3865.75似乎修复了呈现问题。现在渲染效果与预期一致。

最新版本的Chrome 77.0.3865.75似乎已修复渲染问题。事情正在按预期进行