Csharp Firefox中的MudBlazor DataGrid单元格溢出

在这个演示测试应用程序中，我有一个MudBlazor DataGrid，并将列的max-width设置为max-widthpx.这样，如果单元格有很长的文本字符串，用户必须单击拖动栏并调整列宽.

我遇到的问题是在Firefox中，来自一个单元格的文本正在扩展到相邻的单元格.我不知道如何解决这个问题，如果有任何帮助我将不胜感激！

以下是我使用的测试代码:

<div style="width: 50vw;">
  <MudDataGrid T="Person" Items="@People" ColumnResizeMode="ResizeMode.Container">
    <Columns>
      <PropertyColumn Property="x => x.Name" CellStyle="max-width: 100px; overflow-x: hidden; white-space: nowrap;" />
      <PropertyColumn Property="x => x.State" CellStyle="max-width: 100px; overflow-x: hidden; white-space: nowrap;" />
      <PropertyColumn Property="x => x.Age" CellStyle="max-width: 100px; overflow-x: hidden; white-space: nowrap;" />
    </Columns>
  </MudDataGrid>
</div>

@code {

  private IEnumerable<Person> People = new List<Person>
  {
    new Person("Brady", 25, "Florida"),
    new Person("Tim", 32, "Minnesota"),
    new Person("Derek", 51, "Utahqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq"),
    new Person("Ben", 27, "Wisconsin"),
    new Person("Sam", 34, "Alaska")
  };

}

The output of this code works as expected in Chrome:

The output of this code in FireFox produces this output:

正如您在第二张图片中看到的，当在Firefox中运行此代码时，文本从一个单元格溢出到另一个单元格.任何关于如何解决的建议将不胜感激！