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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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

  • 1 amsa
  • 1 yana da wannan matsala
  • 5 views
  • Amsa ta ƙarshe daga 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.
Hoton allon fuska da aka liƙa

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 ?