Jquery UI resizable - resize a div placed over an iframe

Question

If you check out this jsbin: http://jsbin.com/efosed/5/edit and you press \"Run with JS\", there will be a div that can be resized with jquery ui. Everything works like expected

Answer 1

CSS only method

.ui-resizable-resizing iframe { pointer-events: none; }

The ui-resizable-resizing class is added whenever you are resizing something.