Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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

  • 1 reply
  • 1 has this problem
  • 20 views
  • Last reply by cor-el

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.
Attached screenshots

All Replies (1)

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 ?