Trouble with jQuery resizable on iframes
up vote
0
down vote
favorite
has anyone found a way to make jQuery resizable work with iframes?
window.onload = function()
$('.resizable').resizable(
//aspectRatio: true,
handles: 'ne, se, sw, nw',
containment: "parent"
);
I have put a sample up on https://jsfiddle.net/Abeeee/w1dgqfyv/ which shows two tests - one with a simple div containing a sample table, and another with a div with an iframe in it.
When you resize the top one - it works smoothly as expected.
When you resize the bottom one (the iframe) - it's just not easy to use unless you move resize handle slowly.
Try moving both quickly from the bottom right to the top left.
(I'm using Chrome)
Is there something that can be done?
Thanks
Abe
jquery iframe resizable
add a comment |
up vote
0
down vote
favorite
has anyone found a way to make jQuery resizable work with iframes?
window.onload = function()
$('.resizable').resizable(
//aspectRatio: true,
handles: 'ne, se, sw, nw',
containment: "parent"
);
I have put a sample up on https://jsfiddle.net/Abeeee/w1dgqfyv/ which shows two tests - one with a simple div containing a sample table, and another with a div with an iframe in it.
When you resize the top one - it works smoothly as expected.
When you resize the bottom one (the iframe) - it's just not easy to use unless you move resize handle slowly.
Try moving both quickly from the bottom right to the top left.
(I'm using Chrome)
Is there something that can be done?
Thanks
Abe
jquery iframe resizable
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
has anyone found a way to make jQuery resizable work with iframes?
window.onload = function()
$('.resizable').resizable(
//aspectRatio: true,
handles: 'ne, se, sw, nw',
containment: "parent"
);
I have put a sample up on https://jsfiddle.net/Abeeee/w1dgqfyv/ which shows two tests - one with a simple div containing a sample table, and another with a div with an iframe in it.
When you resize the top one - it works smoothly as expected.
When you resize the bottom one (the iframe) - it's just not easy to use unless you move resize handle slowly.
Try moving both quickly from the bottom right to the top left.
(I'm using Chrome)
Is there something that can be done?
Thanks
Abe
jquery iframe resizable
has anyone found a way to make jQuery resizable work with iframes?
window.onload = function()
$('.resizable').resizable(
//aspectRatio: true,
handles: 'ne, se, sw, nw',
containment: "parent"
);
I have put a sample up on https://jsfiddle.net/Abeeee/w1dgqfyv/ which shows two tests - one with a simple div containing a sample table, and another with a div with an iframe in it.
When you resize the top one - it works smoothly as expected.
When you resize the bottom one (the iframe) - it's just not easy to use unless you move resize handle slowly.
Try moving both quickly from the bottom right to the top left.
(I'm using Chrome)
Is there something that can be done?
Thanks
Abe
jquery iframe resizable
jquery iframe resizable
asked Nov 9 at 19:22
user1432181
7510
7510
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53232084%2ftrouble-with-jquery-resizable-on-iframes%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown