gui: Safari の動的 media 属性が反映されないバグについてコメント 後で見たとき用。 Bugzilla の検索が超アルティメットギガンティック ウンコだから、もしかしたらもっと適切なレポートが上がってるかも しれない。

Changes

1 changed files (+7/-0)

• packages/gui/src/docs/components/docs-theme-override.ts
  • @@ -8,6 +8,13 @@ import dark from "../../vars/dark.css?inline";
    import contrast from "../../vars/contrast.css?inline"; import darkContrast from "../../vars/dark-contrast.css?inline"; + // NOTE: Safari (おそらく WebKit) はバグによってスタイルの `media` 属性が反映されない。 + // 開発者ツールで属性値にスペースを足すなどして手動で編集すれば反映されるが、 + // JS で変更した値は `<style>` `<link>` 共に無視される。 + // <https://bugs.webkit.org/show_bug.cgi?id=26179> + // 上記バグレポートのアタッチメントは Safari 18.2 で確認したところ解決している。 + // CustomElement 固有か Shadow DOM 固有かはわからないが根本解決はされていないため + // Safari 上でテーマ固定・マトリクスを使った確認はできない。 export const DocsThemeOverride = wrapElement( "docs-theme-override", class DocsThemeOverride extends YamoriElement {