useCss !important not possible
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- css, react, typescript
- Área
- frontend
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- TypeScript
- Estrellas
- 44k
- Forks
- 3.3k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de streamich/react-use
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
Add Generic Fn for useDebouncePosiblemente ocupada @itsmejay80 la tomó hace 191 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
-
useVideo.story.tsx - sampleVideo can not be loadedQuizá libre de nuevo Un pull request para esta issue se cerró sin fusionarse. Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 62/100
-
useSlider: event callbacks are not updatedPosiblemente ocupada @erykpiast la tomó hace 1838 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
Todos los issues de streamich/react-use
Issues similares
-
RED ladder stopped @ 4db4ed91Abiertoarea:workflow bug ready-for-human
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
fil-donadoni/tolaria#6108 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
apache/rocketmq-dashboard#7234 ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
vitest-dev/vitest#11656 ·
Los mantenedores suelen responder en 1 día
-
e2e-failure ready-to-code
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
redhat-developer/rhdh-plugin-export-overlays#4460 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
ehmpathy/rhachet-roles-bhrain#655 ·
Los mantenedores suelen responder en 1 día