We apologize for untranslated text, you can use the Google Translation button to get an automatic translation of the web page in the language of your choice.

La compression (csspacker) des css case la syntaxe de calc()

Patrice Maziero · on 9/16/19 at 10:43 AM

Lorsque la compression de css est activée sur notre JCMS, les styles embarquant des calculs css calc() sont KO.

Ceci vient du fait que JCMS supprime les espaces  dans le css, or la syntaxe calc necessite ces espaces pour être interpreté.

Version : JCMS 9 SP4

 

Sans compression:

@media screen and (min-width: 992px)
front-md.less:61
.hero .photo  {
  1. heightcalc(56vh + 4vh);
}

 

Avec compression : le navigateur indique "Invalid property value"

@media screen and (min-width: 992px)
csspacker.jsp?vtandard.css:71
.hero .photo  {
  1. heightcalc(56vh+4vh);
}
 

NB: l'affichage devient correct si je rajoute les espaces "à la main" via le debugger du navigateur

 

Est-ce que ce problème est corrigé sur les version plus recentes?

 

Autre sujet:

j'ai remarque que le compilateur less de JCMS9 SP4 ne sais pas compiler correctement les calc, pour l'instant je fait la compilation des less à la main via un compilateur tier (lessc) qui par ailleurs est plus performant.

4 pts
Frédéric Touitou · on 9/16/19 at 2:45 PM

Un ticket de support a été ouvert pour traiter cette problématique.

Ses conclusions seront reportées ici.

1 pt