DiamondLightSource / DiamondLightSource/sci-react-ui

Investigate transition suppression for nested `data-mode`

オープン
#258 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
8
フォーク
3
平均マージ
3日 15時間
マージ済み PR(30日)
5

説明

Based on changes in #220, `data-mode` could be applied to any container, not just the document root. However, the `ThemeProvider` transition suppression currently only watches `document.documentElement`.

This works for our current Storybook use case, where nested themes are static, but it may not be sufficient if we later support components that switch between light and dark mode independently (for example, code editors or previews).

**Task**

- Review whether transition suppression should also support nested `data-mode` containers.
- Decide whether the current behaviour is sufficient or should be extended.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、ThemeProvider のトランジション抑制動作と issue #220 の変更を確認し、現在 document.documentElement がどのように監視されているかに焦点を当てます。その動作をネストされた data-mode コンテナの場合と比較し、現在の動作で十分かどうかを記録するか、ネストされたテーマを個別に切り替えられるようにするために必要な対応範囲を定義します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。