Microsoft/monaco-editor

Syntax Highlighting isn't working for the first item inside a Media Query

Open

#2527 aperta il 14 giu 2021

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)JavaScript (1283 fork)batch import
buggrammarshelp wanted

Metriche repository

Star
 (14.836 star)
Metriche merge PR
 (Merge medio 6h 26m) (15 PR mergiate in 30 g)

Descrizione

monaco-editor version: 0.25.0 Browser: Chrome 91.0.4472.77 (but appearing in all browsers tested in) OS: MacOS 11.4 Playground code that reproduces the issue:

@media (max-width: 300px) {
    p.test {

    }

    p.test {
        
    }
}

You'll see that the first p.test selector does not have syntax highlighting, where the second does.

Note that this isn't reproducible in VS Code directly, nor in VS Code web. It is however visible on the Monaco Editor homepage if you change the language to CSS and scroll down to line 629.

Guida contributor

Direzione di ricerca
Indaga sul tokenizer/grammatica CSS nel sorgente di monaco editor, probabilmente in src/basic languages/css/css.ts. Il bug specifico è che il primo selettore all'interno di un blocco @media manca di evidenziazione della sintassi. Esamina come il tokenizer gestisce il cambio di contesto dopo @media e l'inizio di un blocco di regole. Cerca differenze nel modo in cui viene analizzata la prima regola rispetto alle regole successive. Considera di testare con un debugger o aggiungere log per tracciare la tokenizzazione dello snippet CSS fornito.
Tech stack
typescriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50