reactjs - Material UI @4.12.3 选择字段在 iPhone 浏览器上不起作用

Question

我创建了一个使用Material-UI@4.12.3 Select字段的表单。

它在我电脑上的任何浏览器上都能正常工作（试过 Safari、Chrome、Firefox、Edge）。

但是，在我的 iPhone 上，当我单击选择字段时，它会打开一个空菜单（我知道它应该显示项目，因为它在计算机上运行良好）。我尝试过基于 Safari 和 Chromium 的浏览器。Select-和字段都存在此问题NativeSelect（唯一的区别是显示的空菜单的外观）。

我的Select域代码如下所示：

        <Select
          id={name}
          label={label}
          native
          fullWidth
          disabled={disabled}
          required={isRequired}
          onChange={handleChange}
        >
          <option aria-label="None" value="" />
          {options.map(({ label, value }) => (
            <option key={value} value={value} label={label} />
          ))}
        </Select>

...

  function handleChange(event: React.ChangeEvent<{ name?: string | undefined; value: unknown }>) {
    onChanged && onChanged(event.target.value as string);
  }

标签： reactjsmaterial-uireact-material