タグ: #react

HTML <details> の open 属性はCSSメディアクエリで制御できない

details要素の開閉状態をレスポンシブに切り替えたかったが、open属性はHTML属性なのでCSSでは制御不可。useEffectでwindow.innerWidthを見て初期状態を設定する必要がある。