jquery - find if element is overflowing its container

Question

Using Jquery, how to I find out if an element is overflowing its container ?

<div style="overflow:hidden"><label>My really really long label</label></div>

I would like to know when the text of the label is being cutoff so that I can act on it.

Thank you

Somewhat related: http://stackoverflow.com/questions/7668636/check-with-jquery-if-div-has-overflowing-elements/7668730#7668730 — Doozer Blake, Oct 10 '11 at 18:53
yes I looked at it unfortunately the accepted answer does not use jquery — G-Man, Oct 10 '11 at 18:54

score 6 · Accepted Answer · answered Oct 10 '11 at 18:55

6

You could use the width function to check if the <label> is longer than the <div>:

if($('label').width() > $('div').width()){
   // longer element 
}

answered Oct 10 '11 at 18:55

Pat

1 Answers1