Microsoft/vscode

[css] Wrong selector hover when using :has()

Open

#191,897 opened on 2023年8月31日

GitHub で見る
 (1 comment) (0 reactions) (1 assignee)TypeScript (10,221 forks)batch import
bugcss-less-scsshelp wanted

Repository metrics

Stars
 (74,848 stars)
PR merge metrics
 (平均マージ 11h 43m) (30d で 1,000 merged PRs)

説明

Type: Bug

Set language to CSS.

Put this code:

article:has(.alert) {
	color: crimson;
}

Hover over article:has(.alert).

This dialog shows a wrong HTML example:

<article :has>

Instead, it could be:

<article>
  <div class="alert"></div>
</article>

VS Code version: Code 1.80.1 (74f6148eb9ea00507ec113ec51c489d6ffb4b771, 2023-07-12T17:20:58.115Z) OS version: Darwin arm64 21.6.0 Modes: Restricted

コントリビューターガイド

調査方針
VS CodeのCSSホバープロバイダーを調査し、`:has()`擬似クラスが誤って解析される理由を理解し、修正を提案してください。
技術スタック
css
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
Git
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75