Why is angular .css method not detecting media query changes

Question

NOTE: in this example I am using 'height', but I will be querying other css properties also.

I have media queries that are setting an element's height.

I have an angular directive that watches that height.

The height changes when window is resized (manually), and the watch function is called (via .digest()), but the .css('height') is empty.

  return element.css("height") ; // --> nothing

please see my plunker.

I haven't answered why but i made it working if you like it give me upvote and accept as ans otherwise i will remove my answer — Siddharth Pandey
– Siddharth Pandey, Commented Mar 1, 2016 at 16:01

Siddharth Pandey · Accepted Answer · 2016-03-01 15:57:52Z

1

I have tried to answer your question

instead of this element.css("height");

Try using below code

element[0].offsetHeight

Check the updated plunker code http://plnkr.co/edit/PdaVBjutGeEn7csNm1ki?p=preview

answered Mar 1, 2016 at 15:57

Siddharth Pandey

6691 gold badge9 silver badges21 bronze badges

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

1 Comment

dsdsdsdsd Over a year ago

thanks ... I did not mention in my question that I am not necessarily interested in height, per-se. I just used height for my example ... ... however, you did get it to work, as per my example ... +1

Collectives™ on Stack Overflow

Why is angular .css method not detecting media query changes

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