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

Answer 1

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

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

Here’s a simple example.