cssinjs/jss

Dynamic styles and vendor prefixes not working as expected

Open

#1409 aperta il 16 ott 2020

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (434 fork)batch import
bughelp wanted

Metriche repository

Star
 (7000 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Expected behavior: I have a dynamic style that read a prop and return its value, I think that the vendor prefixes plugin is not working well in this case.

Describe the bug: I tried to generate the a css class with lineClamp key inside it, I expected that this is transformed to 'webkit-line-clamp'. This works well if I use a static style, but it doesn't if it is a dynamic one.

If I change the order in which the plugins are created and move 'jss-plugin-vendor-prefixer' to the first element, it seems to work.

Codesandbox link: https://codesandbox.io/s/lucid-sutherland-7l2ry?file=/src/App.js

Versions (please complete the following information):

  • jss: 10.4
  • Browser [e.g. chrome, safari]: Chrome
  • OS [e.g. Windows, macOS]: macOS/Linux

Guida contributor

Direzione di ricerca
Investigare l'ordine dei plugin nella configurazione JSS. Il problema afferma che spostare 'jss plugin vendor prefixer' alla prima posizione risolve il problema per gli stili dinamici. Controllare come vengono elaborati gli stili dinamici e assicurarsi che il prefisso del fornitore venga eseguito prima di altri plugin che potrebbero consumare l'oggetto di stile.
Tech stack
javascript
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.
1-3 ore
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
JavaScriptJSS basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80