less/less.js

Container style queries unexpected space

Geschlossen

#4.235 geöffnet am 26.09.2023

Auf GitHub ansehenContributor Guide
 (16 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (3.517 Forks)batch import
buggood first issuehigh priorityup-for-grabs

Repository-Metriken

Stars
 (16.977 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 19T 1h) (15 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Der Bug liegt im Parsing von @container Styling Abfragen des Less CSS Präprozessors, bei dem ein unbeabsichtigtes Leerzeichen zwischen 'style' und der öffnenden Klammer eingefügt wird. Zur Behebung sollte der Parser Code untersucht werden, der für die Verarbeitung der @container Direktive und der style() Funktion zuständig ist. Suchen Sie nach Tokenisierungsregeln, die möglicherweise ein Leerzeichen einfügen. Überprüfen Sie den Less Quellcode im Verzeichnis 'lib/less/parser' auf die relevante Grammatikregel. Das Problem wurde in den Kommentaren diskutiert; prüfen Sie alle vorgeschlagenen Lösungen oder Hinweise von den Maintainern. Die Korrektur sollte sicherstellen, dass der Parser innerhalb von @container Abfragen kein Leerzeichen nach 'style' hinzufügt.
Tech Stack
javascript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitNode.js
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75