less/less.js

Container style queries unexpected space

Open

#4,235 opened on 2023年9月26日

GitHub で見る
 (16 comments) (0 reactions) (0 assignees)JavaScript (16,977 stars) (3,517 forks)batch import
buggood first issuehigh priorityup-for-grabs

説明

To reproduce:

https://lesscss.org/less-preview/#eyJjb2RlIjoiQGNvbnRhaW5lciBzdHlsZSgtLXRoZW1lOiBkYXJrKXtcbiAgLm1haW57XG4gICAgY29sb3I6IzAwMDtcbiAgfVxufVxuXG4iLCJhY3RpdmVWZXJzaW9uIjoiNC4yLjAiLCJtYXRoIjoicGFyZW5zLWRpdmlzaW9uIiwic3RyaWN0VW5pdHMiOmZhbHNlfQ==

@container style(--theme: dark){
  .main{
    color: #000;
  }
}

Current behavior: There's a space between "style" and the bracket.

@container style (--theme: dark)

Expected behavior: No space between "style" and the bracket.

@container style(--theme: dark)

Environment information:

  • less version: 4.2.0

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

技術スタック
css
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
active
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
knowledge of less syntaxbasic CSS container queries
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
The bug is in the Less CSS preprocessor's parsing of @container style queries, where an unintended space is added between 'style' and the opening parenthesis. To fix, inspect the parser code responsible for handling the @container directive and the style() function. Look for tokenization rules that might insert a space. Check the Less source code in the 'lib/less/parser' directory for the relevant grammar rule. The issue has been discussed in the comments; review any proposed solutions or pointers from maintainers. The fix should ensure that the parser does not add a space after 'style' within @container queries.