beyondcode / beyondcode/devtoolsfortailwind-community

custom units aren't "preferred" in classes selection

Offen
#25 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
Keine Sprachdaten
Sterne
5
Forks
0
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

I know it's a rare issue, but still, i think it's worth sharing.
Here is a component that displays a certain number of cards according to screen width (hence the precise numbers).
```


```

In the browser without DevTools, the min-* classes have higher priority: if my window width is 2560px, i'll have 6 rows.
But in Chrom with DevTools, the grid-cols-[repeat(1,_minmax(273px,_1fr))] is applied, whatever the actual window width.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Reproduce the provided HTML and Tailwind classes in Chrome with DevTools open at a 2560px window, then compare the applied grid class with DevTools closed. The issue is done when the appropriate min-* class is selected consistently and the base grid-cols class no longer overrides it in DevTools.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
tailwindcss
Bereich
devtools, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.