CSSWG分テレコン（2024-09-18）

過去2か月間のアンカーポジショニングに深く掘り下げます。これは、多数の年鑑エントリと包括的なガイドに巻き込まれており、トピックが最終的に解決されたと信じていました。 しかし、CSSワーキンググループ（CSSWG）はこの進化する領域を改良し続けており、最近のテレコン議事録はさらなる開発を明らかにしました。

次の解決策は、重要な進歩を強調しています：

名前を比較する場合、少なくとも1つがツリースコープである場合、どちらもツリースコープを整えている必要があり、正確な（サブツリーではない）一致が必要です。 （問題＃10526：アンカースコープはいつ名前を「一致させる」のですか？）

仕様の直接の一部ではありませんが、この解像度はアンカースコープの将来の方向を強く示唆しています。これは、この解決策の意味とテレコンからのその他の興味深いポイントを探る絶好の機会を提供します。 （覚えておいてください、w3c.orgで1分間を購読して読むことができます。）

アンカースコープの理解アンカーは、で識別され、絶対に配置された要素（

を使用して）を許可して、それらに取り付けます。

はユニークである必要はありませんが、コンポーネント内で再利用すると、予期しない動作につながる可能性があります。 anchor-nameなしでは、同じ名前の複数のアンカーにより、ターゲットは最後のインスタンスでスタックします。 position-anchorプロパティは、アンカーにサブツリー内のターゲットのみがアクセスできるようにします。 anchor-nameたとえば：anchor-scope anchor-scope

これは疑問を提起します：

それ自体の範囲はどうあるべきですか？ CSSWGはこれに対処し、GitHubの問題に由来して、

マッチングの3つの可能な解釈を強調しています。

.anchor {
  anchor-name: --my-anchor;
  anchor-scope: --my-anchor; /* Added for proper scoping */
}

.target {
  position: absolute;
  position-anchor: --my-anchor;
  position-area: top right;
}

CSSWGテレコンの議論、特にTabatkins、Khush、およびFantasaiからの貢献は、でした anchor-scope anchor-scope解決済み：名前を比較するときはいつでも、少なくとも1つがツリースープである場合、両方ともツリースコープであり、スコープは正確でなければなりません（サブツリーではありません）。

anchor-scopeさらに解決策は、

のキーワード（すべてのアンカーがツリースープで覆われている）もツリースコープであることを明らかにしました。

その後、議論はCSS Surploll Snapモジュールレベル2ドラフトとその

プロパティにシフトしました。このプロパティにより、要素を初期スクロールターゲットとして指定できます。 CSSWGは、複数の潜在的なターゲットのシナリオに対処し、リバースドムの順序を使用して初期スクロール位置を決定することを解決しました。

最後に、グループはtext-underline-position: auto値について議論し、auto値をtext-emphasis-positionに追加し、text-underline-position: autoを変更して垂直テキストの左/右の位置を処理し、既存のブラウザの動作に合わせて調整することを決定しました。

議論と決定を完全に理解するために、完全な議事録を読むことを強くお勧めします。 解像度の概要も利用できます。

以上がCSSWG分テレコン（2024-09-18）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。