デジタルマーケティングTips

Safari 18.3 仕様変更発表まとめ

記事タイトル画像:Safari 18.3 仕様変更発表まとめ

Safari 18.3の主要な仕様変更発表のまとめです。(ベータ版発表・2024年12月16日時点での情報です)

記事バックナンバー一覧

要点

メルマガでも情報を配信中です! ぜひご登録ください。

修正・改善

以下の問題が修正されます。

CSS

  • ::view-transition擬似要素新しいウィンドウで開きます(トランジション前後等のCSS擬似要素を束ねるルート擬似要素)が、スタックされた前後関係を生成するよう修正されます。
  • content-visibility: auto;新しいウィンドウで開きます(画面外での描画を一時保留しつつドキュメントツリー/アクセシビリティツリーでの存在扱いは維持する、表示高速化とアクセシビリティの両面に配慮したCSS設定)のサブツリー内でSVGテキスト新しいウィンドウで開きますが表示されない問題が修正されます。
  • :not(新しいウィンドウで開きます:has(○○))新しいウィンドウで開きます(「指定要素○○がマッチしない場合」を指す擬似クラス)が無効化されるのを修正します。

編集

  • iCloudの「メモ」新しいウィンドウで開きますでメモを編集する際にハイライトがダブったりズレたりする問題が修正されます。

メディア

  • ピクセル縦横比が1:1以外のWebM形式動画ファイルを再生した際に、動画の縦横比が崩れる問題が修正されます。

レンダリング

  • scrollbar-widthプロパティ新しいウィンドウで開きます(スクロールバーの太さ設定)を動的に変化させた場合に横スクロールバーの描画がおかしくなる問題が修正されます。
  • img要素新しいウィンドウで開きます(画像)のプロパティの高さ指定でheight新しいウィンドウで開きます: min-content;新しいウィンドウで開きます(元素材に最低限必要な高さ)を適用した場合に画像が縦方向に引き伸ばされる問題が修正されます。
  • ビュートランジション新しいウィンドウで開きますの描画について、そのときの表示画面のみをラスタライズして遷移対象にすることで、パフォーマンスが向上します。

スクロール

  • ライトモード/ダークモードの切り替えを行った場合のスクロールバー表示が修正されます。

Web API

Web拡張機能

  • ユーザーが拡張機能にサイト全体へのアクセス権限を許可したあとに、拡張機能への許可を求めるアラートが再表示される問題が修正されます。

Webインスペクタ

  • 要素タブのDOMツリー表示で、ごく深い階層になると1文字幅でしか表示されなくなる問題が修正されます。

WKWebView(アプリ内ブラウザ表示)

廃止・削除

以下の機能が廃止されます。

セキュリティ

マックスマウスからのお知らせ

Web制作・マーケティング担当者向けのお役立ち情報をメールマガジンでお届け!

WebサイトやSNSでの情報発信の安定化・効率化、CMS導入・運用、脆弱性対策、Flashコンテンツ置き換え、Webプロモーションなどなど、Web制作・マーケティング関係者向けの課題解決に役立つ、便利なサービス情報や活用法などをご案内します。

いますぐご登録ください!