Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Learn More

Esta discussão foi arquivada. Se precisar de ajuda, por favor, coloque uma nova questão.

Cascading style sheets "rule: calc" is causing issue in Firefox

  • 1 resposta
  • 1 tem este problema
  • 5 visualizações
  • Última resposta por cor-el

Bmuzammil
Bmuzammil
more options

NOTE: ASP MVC 5 application, using bundling and minification turned on.

Problem is that if the value is set to "0px" then firefox automatically changes it to zero. I had to set the value to 0.1px to make it work properly soon as I added 0.1px resolved the issue.

max-height: calc(100vh - 0px); is converted to max-height: calc(100vh - 0); in firefox once the application runs.

The image included in this post shows the issue in action.

NOTE: ASP MVC 5 application, using bundling and minification turned on. Problem is that if the value is set to "0px" then firefox automatically changes it to zero. I had to set the value to 0.1px to make it work properly soon as I added 0.1px resolved the issue. max-height: calc(100vh - 0px); is converted to max-height: calc(100vh - 0); in firefox once the application runs. The image included in this post shows the issue in action.
Capturas de ecrã anexadas

Todas as respostas (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Does this also happen when you do not minify the file in case minifying is causing this issue?

You did check the resulting file to make sure that the spaces around to ' - ' after the minification ?