iOS 16显示< optgroup>标签label两次

vc9ivgsu  于 2023-01-14  发布在  iOS
关注(0)|答案(4)|浏览(100)

我尝试在除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,任何想法?

8yparm6h

8yparm6h1#

这是由于iOS在显示选项和值方面的改进而导致的回归,并且修复已作为以下Pull Request推送到Webkit-https://github.com/WebKit/WebKit/pull/6090

t30tvxxf

t30tvxxf2#

是的,这发生在iOS16和iPadOS16上。如果你想关注更新,这里是webkit的bug报告。
https://bugs.webkit.org/show_bug.cgi?id=247204

p5fdfcr1

p5fdfcr13#

我也注意到了这一点,它确实看起来是iOS/Safari的bug

g0czyy6m

g0czyy6m4#

我看到公关是合并的,但它仍然显示为重复的标签。

相关问题