“颜色”类型的输入标签未在 IOS 中呈现

Posted 2023-03-05

【中文标题】“颜色”类型的输入标签未在 IOS 中呈现

【英文标题】：Input tag of type "color" not rendered in IOS

【发布时间】：2021-03-30 00:35:56

【问题描述】：

我的项目需要一个颜色和时间选择器。为此，我使用了“颜色”和“时间”类型的 html 标记“输入”。

<div>
   Color: <input type="color" />
</div>
<div>
   Time: <input type="time" />
</div>

在我的 Windows 机器上运行良好。 Working input on Windows

在 android 上，输入控件也可以正确呈现：Working input on Android

如果我在 iPhone 上打开该网站，输入控件无法正确呈现：Not working input on ios 设备相关的颜色或时间选择器将不会打开。我也用另一个浏览器尝试过，但结果相同。 如果 _Hosts.cshtml 中的渲染模式从“ServerPrerendered”更改为“Static”，它似乎可以工作。使用此设置，输入控件呈现正确，但导航菜单不起作用。

出于测试目的，我创建了一个 Blazor 客户端项目（Blazor WebAssembly 应用程序）。同样的结果，控件渲染错误。

为什么使用“render-mode=Static”而不是“render-mode=ServerPrerendered”可以正确渲染控件？ 是否可以让控件与“render-mode=ServerPrerendered”一起使用？

编辑：

“_Hosts.cshtml”中有一个 javascripte 文件链接

<script src="_framework/blazor.server.js"></script>

如果删除此行，则输入控件显示正确。 但我不知道是什么导致了这个文件的问题。

【参考方案1】：

我猜这是 WebKit 的一个错误。这个链接可能很有用 https://github.com/select2/select2/issues/4689

【讨论】：

感谢您的链接。如果这是与 WebKit 相关的错误，我不太确定。在某些情况下，控件会正确呈现（例如，如果渲染模式设置为“静态”或 在 _Hosts.cshtml 中定义）。