Reading a CSS property involving calc() with JavaScript in Firefox

Question

I have an element with the style min-height: calc(50% + 10px). How can I get this calculation (i.e. "calc(50% + 10px)", not the current pixel value) with JavaScript? This does what I need in Chrome, but Firefox just gives me the result of the calculation:

getComputedStyle(myEle).minHeight

Fiddle: http://jsfiddle.net/P37FQ/1/

The reason why I need the exact "calc" string is that I have to temporarily remove the original min-height setting in a script, then restore it later.

pstenstrm · Accepted Answer · 2014-05-29 11:14:49Z

3

An alternative solution is to instead of saving the CSS value, you can simply set the style to an empty string:

myEle.style.minHeight = '';

This will remove the style applied with JavaScript and therefore use the next value, which is the style from the stylesheet.

answered May 29, 2014 at 11:14

pstenstrm

6,5195 gold badges45 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zilk Over a year ago

See, this is why I always include the reason for asking a question. This completely solves my problem, making the actual question redundant :)

Collectives™ on Stack Overflow

Reading a CSS property involving calc() with JavaScript in Firefox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related