DiffDaily Deep & Concise - OSS変更の定点観測
トップに戻る

shoelace-style/webawesome

https://github.com/shoelace-style/webawesome

`wa-card` の `body` パートをラッパー `div` に変更し、横向きレイアウトの `::slotted` ルールを修正

`wa-card` の `body` CSS パートを `<slot>` 要素自体から `<div>` ラッパーに移動し、`wa-dialog` や `wa-drawer` と同じ実装パターンに統一しました。あわせて横向きレイアウトで使われていた `::slotted([slot='body'])` や `::slotted([slot='actions'])` という無効・非マッチのセレクターを、仕様に沿った `slot::slotted(*)` 形式に修正しています。

2026年03月26日 Claude Sonnet 4.6

`<wa-select>` のクリアボタンが初期値設定時に機能しないバグを修正

`<wa-select>` コンポーネントで初期値が設定されている場合にクリアボタンが機能しないバグが修正されました。`handleClearClick` メソッドに `hasInteracted` と `valueHasChanged` の2つのフラグ設定を条件分岐の外側に追加することで、ユーザーのクリア操作が正しく状態に反映されるようになりました。

2026年03月25日 Claude Sonnet 4.6

`<wa-zoomable-frame>`にテーマ同期機能を追加するオプト・イン属性

`<wa-zoomable-frame>`に`with-theme-sync`属性が追加され、ホストページのライト/ダークモードやWeb Awesomeテーマクラスをiframe内に自動同期できるようになりました。デフォルトは無効のオプト・イン設計で既存の利用箇所への影響はなく、CSSトランジションを使ったテーマ変更検出ロジックは`ColorSchemeController`として独立したReactive Controllerに切り出されています。

2026年03月25日 Claude Sonnet 4.6

`<wa-slider>` から無効な `required` 属性を削除

`<input type="range">` には `required` 制約が仕様上存在しないにもかかわらず、`<wa-slider>` が誤って実装していた `required` 属性のサポートを削除しました。初回送信後にバリデーションが無効化されるバグ(#1471)の根本原因であり、プロパティ定義・バリデーションロジック・ドキュメントをすべて除去することで解消しています。

2026年03月25日 Claude Sonnet 4.6

アイコンライブラリのリゾルバーが非同期に対応

`registerIconLibrary` のリゾルバー関数が `Promise` を返せるようになり、非同期処理を経てアイコンURLを解決できるようになりました。型定義を `string | Promise<string>` に拡張し、`getIconSource()` を非同期化することで、既存の同期リゾルバーへの後方互換性を維持したまま非同期ユースケースに対応しています。

2026年03月25日 Claude Sonnet 4.6

モバイルドロワーレイアウトの改善とサイドバー構成の再設計

モバイル表示時のナビゲーションドロワーで、プロダクトリンク・検索UI・テーマ切り替えが混在していた構造を解消した変更です。`wa-split` ラッパーを削除してドロワーヘッダーをプロダクトリンク専用に簡素化し、検索・テーマ切り替えUIは新設の `search-trigger-button.njk` としてサイドバーへ移動。CSSではモバイルビュー時のドロワー横幅をカスタムプロパティで制御する仕組みも追加されました。

2026年03月25日 Claude Sonnet 4.6

`<wa-select>` と `<wa-combobox>` の大量オプション時のパフォーマンス改善

`<wa-select>`、`<wa-combobox>`、`<wa-option>` に対して、スロット変更のバッチ処理・オプション一覧のキャッシュ・ラベル計算の遅延評価を導入し、大量オプション時のパフォーマンスを改善しました。公開APIは変わらず、内部実装の最適化のみで後方互換性を維持しています。

2026年03月25日 Claude Sonnet 4.6

`<wa-input>` と `<wa-combobox>` の `autocorrect` 型修正と仮想キーボード対応プロパティの追加

`<wa-input>` の `autocorrect` プロパティが文字列ユニオン型からboolean型へ修正され、カスタムコンバーターによって属性値(`"off"`/`"on"`)とJavaScriptプロパティ(`true`/`false`)の両方に対応しました。`<wa-combobox>` には仮想キーボード制御用の `autocapitalize`、`autocorrect`、`enterkeyhint`、`inputmode`、`spellcheck` が追加され、ネイティブHTML属性と衝突していた `autocomplete` プロパティは削除されました。

2026年03月25日 Claude Sonnet 4.6

`<wa-details>` のコンテンツオーバーフローをShadow DOM起因のbox-sizingで修正

`<wa-details>` およびネイティブ `<details>` 内の全幅要素が右側にはみ出すバグを修正。Shadow DOMのスロットが `box-sizing` の継承を遮断するという根本原因を特定し、`.content` クラスと `::details-content` 擬似要素に `border-box` を直接付与することで解決しています。

2026年03月20日 Claude Sonnet 4.6

ビルドスクリプトのトップレベルawaitを関数内に移動してインポート時の破損を修正

ビルドスクリプト `build.js` がアプリからインポートされる際、トップレベルの `await` によって `package.json` の読み込みがモジュール評価時に即座に実行され、バンドル済みディレクトリ未生成の状態でビルドが破損していた問題を修正しました。バージョン情報の取得と初期ログ出力を `build()` 関数内に移動し、遅延評価によってファイルシステムアクセスのタイミングを制御しています。

2026年03月20日 Claude Sonnet 4.6

`<wa-combobox>` に「オプション動的作成」機能と `input` イベントを追加

`<wa-combobox>` に `allow-create` 属性が追加され、既存オプションにない入力値からその場で新しい `<wa-option>` を生成できるようになりました。キャンセル可能な `wa-create` イベントの新設、入力時の `input` イベント発火、および `allow-custom-value` 使用時の2つのバグ修正も含まれています。`createOption` 翻訳キーが全30言語以上に追加され、国際化対応も完備しています。

2026年03月19日 Claude Sonnet 4.6

`<wa-select multiple>` のパディング不整合をCSS `:has()` で修正

`<wa-select multiple>` でタグ表示時のパディングがブロック・インライン方向で不整合だった問題を修正しました。CSSのプライベートカスタムプロパティ `--_padding-with-tags` と `:has(.tags wa-tag)` セレクタを組み合わせることで、JavaScriptの状態クラス管理を排除しながらテーマ間で一貫したパディング制御を実現しています。

2026年03月19日 Claude Sonnet 4.6

Dropdown Itemのaria-checkedをcheckboxタイプ限定に修正

`wa-dropdown-item`コンポーネントで、`type="checkbox"`以外の通常メニューアイテムに誤って`aria-checked`属性が付与されていたバグを修正しました。`updated()`メソッド内の`checked`と`type`の両変更ハンドラに`type === 'checkbox'`の条件分岐を追加し、WAI-ARIAの仕様違反を解消しています。

2026年03月18日 Claude Sonnet 4.6

`wa-input`の`withoutSpinButtons`プロパティにリフレクションを追加

`wa-input`の`withoutSpinButtons`プロパティに`reflect: true`を追加し、プロパティバインディング時にDOM属性が正しく同期されない問題を修正しました。同コンポーネント内の`required`プロパティと同等の挙動に揃えることで、フレームワーク統合時の一貫性が確保されます。

2026年03月17日 Claude Sonnet 4.6

バッジのフォントサイズをより小さいデザイントークンへ移行

`wa-badge` コンポーネントのフォントサイズ指定を `--wa-font-size-2xs` から `--wa-font-size-3xs` に変更しました。PR #2154 でタイポグラフィスケールに `3xs`(10px)トークンが追加されたことを受け、バッジがより適切なトークンを参照するよう1行のスタイル修正を適用しています。

2026年03月17日 Claude Sonnet 4.6

シャドウルートにドキュメントリンクのコメントノードを自動挿入

Web Awesome の全コンポーネント基底クラス `WebAwesomeElement` に `connectedCallback` が追加され、シャドウルートの先頭にドキュメントURLのコメントノードが自動挿入されるようになりました。DevTools でシャドウ DOM を調査する際に、対応するドキュメントページへのリンクが即座に確認できます。

2026年03月13日 Claude Sonnet 4.6

フォントサイズスケールに `3xs`(10px)と `5xl`(66px)を追加

Web Awesomeのフォントサイズスケールに `--wa-font-size-3xs`(10px)と `--wa-font-size-5xl`(66px)が追加されました。3テーマすべてのCSSに定義が追加され、`wa-body-*` など5プレフィックスのユーティリティクラスにも新サイズが対応しています。12px未満サイズに関するアクセシビリティ注意書きもドキュメントに追加されています。

2026年03月13日 Claude Sonnet 4.6

`<wa-scroller>` のホスト要素に `overflow: hidden` を追加してChromeの横スクロールバグを修正

`<wa-scroller>` のホスト要素(`:host`)に `overflow: hidden` が欠落していたことで、Chromeのみでページ全体に横スクロールが発生していました。1行のCSS追加により新しいブロック整形コンテキスト(BFC)が強制生成され、テーブル等の幅広いコンテンツを内包した際のオーバーフローがホスト要素の境界で確実に抑制されます。

2026年03月13日 Claude Sonnet 4.6

スペーススケールの拡張と `wa-gap-4xl` バグ修正

`--wa-space-5xl`(5rem / 80px)デザイントークンと `.wa-gap-5xl` ユーティリティクラスが全テーマに追加されました。あわせて、`wa-gap-4xl` が `:where()` セレクターから漏れていたバグも修正され、正しく `display: flex` が適用されるようになりました。

2026年03月13日 Claude Sonnet 4.6

`label` スロット使用時のスライダースタイリングを属性指定と統一

Web Awesomeのスライダーコンポーネントで、`label`属性と`label`スロットの両方でラベルを指定した際のスタイルが異なっていた問題を修正しました。CSSセレクタを`:has(*:not(:empty))`からコンポーネントが付与する`has-label`クラスへ変更することで、どちらの方法でラベルを設定しても同一のスタイルが適用されるようになります。

2026年03月13日 Claude Sonnet 4.6
前へ 1 … 3 4 5 6 7 9 次へ

© 2026 DiffDaily - Powered by AI

タケユー・ウェブ