useCss !important not possible
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- css, react, typescript
- Ambito
- frontend
Direzione di ricerca
Start by locating the useCss hook and reproduce the reported example with color: 'red !important' alongside padding: 5. Confirm that the generated CSS includes both declarations, with the color value retaining !important, and verify that ordinary declarations still render correctly.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
What is the current behavior?
Properties with !important will not be rendered in the generated css class, not even without the !important-flag.
The following Example:
const myComponent = ()=> {
const styleClass = useCss({
color: 'red !important',
padding:5,
})
return <div class={styleClass}>TEST</div>
}
RENDERS:
<style>
.react-use-css-1x {
padding:5px;
}
</style>
<div class="react-use-css-1x">TEST</TEST>
The color-Property is completely ignored and not part of the rendered css, not even without the !important.
Without the !important all functions well.
The expected Result is:
<style>
.react-use-css-1x {
color: red !important;
padding:5px;
}
</style>
<div class="react-use-css-1x">TEST</TEST>
A little about versions:
- OS:
- Browser (vendor and version):
- React: 18.2.0
react-use: 17.6.0- Did this worked in the previous package version? NO
- Lingua principale
- TypeScript
- Stelle
- 44k
- Fork
- 3.3k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di streamich/react-use
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
Add Generic Fn for useDebounceForse già presa @itsmejay80 l’ha presa 191 giorni fa. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
-
useVideo.story.tsx - sampleVideo can not be loadedForse di nuovo libera Una pull request per questa issue è stata chiusa senza essere unita. Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 62/100
-
useSlider: event callbacks are not updatedForse già presa @erykpiast l’ha presa 1838 giorni fa. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
Tutte le issue di streamich/react-use
Issue simili
-
Sequências em espanhol: «Atualizado em», a aba «Fila» e o valor 'pause' ainda saem em portuguêsAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
melgarafael/DeskcommCRM#3104 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
bug service: webapp
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
Ocelot-Social-Community/Ocelot-Social#10684 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
nicobailon/pi-subagents#2978 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
getsentry/sentry-conventions#732 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno