Release Notes

【不具合】iOS26.1 Safariの折りたたみ要素<summary>マーカー▶︎

2025/11/10 14:37
既知の不具合
2025年11月3日リリースのiOS26.1とiPadOS26.1において、以下の不具合を確認しています。

  • 折りたたみボックス<summary>先頭マーカー▶︎が絵文字▶️で表示される

※Mac版Safariは不具合なし
※折りたたみボックスを展開後のマーカーも不具合なし

ラテ式CSS不具合ではないです。iOS側の不具合となります。
いずれiOSアップデートで修正されると思いますが、絵文字▶️から白黒記号▶︎に戻すCSSを紹介します。修正がくるまでの参考にどうぞ。

<summary>未利用の場合は対応不要です

以下のボックス内をコピーして【マイテーマCSS】にペーストしてください。(マイテーマ未利用の方は、新しくマイテーマを作成してください)

@supports (-webkit-touch-callout: none) {
details:not([open]) summary{
list-style-type:"\25b6\FE0E "
}
}

当サイトトップも↑のCSSを追記しています。

CSS解説


以下は読む必要はありません。技術的な補足です。

@supports (-webkit-touch-callout: none) {
〇〇〇
}
↑この振り分けで「iOS Safariのみ」に限定させています

details:not([open]) summary{
〇〇〇
}
↑折りたたみボックス展開後の▼は正常なので、展開前(折りたたみ状態)のみに限定したセレクターです。[open]ではない状態を絞り込み。

list-style-type:"\25b6\FE0E  "
↑コピペミスを防ぐためにUnicode表記にしています。異字体セレクタ(U+FE0E)で白黒テキスト▶︎にしています。

コメント

コメントを受け付けていません。