我尝试在除16.0以外的任何iPhone设备上打开https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup此链接。它显示正常。
这意味着对于下面的代码:
<label for="dino-select">Choose a dinosaur:</label>
<select id="dino-select">
<optgroup label="Theropods">
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>
输出optgroup正确显示选项。
但是,当尝试在iOS 16.0(iPhone 13 Pro最大),那么它显示为:-
https://i.stack.imgur.com/MHw35.png
这意味着,对于标签文本,它显示两次。label=“兽脚亚目”和label=“蜥脚亚目”显示两次。
不知道如何解决!似乎是iOS 16的bug,任何想法?
4条答案
按热度按时间8yparm6h1#
这是由于iOS在显示选项和值方面的改进而导致的回归,并且修复已作为以下Pull Request推送到Webkit-https://github.com/WebKit/WebKit/pull/6090
t30tvxxf2#
是的,这发生在iOS16和iPadOS16上。如果你想关注更新,这里是webkit的bug报告。
https://bugs.webkit.org/show_bug.cgi?id=247204
p5fdfcr13#
我也注意到了这一点,它确实看起来是iOS/Safari的bug
g0czyy6m4#
我看到公关是合并的,但它仍然显示为重复的标签。