Avatar of Marco Gasi
Marco GasiFlag for Spain

asked on 

jquery-ui ui-resizable-se strange behavior

Hi everybody.
In a 3rd party site I'm working on to refactor it, they used jquery-ui resizable to allow user to resize an image after the upload. Everything works fine, but resizing the image I see the handles go to the top speedier than the image itself.
You can see what I mean in the 2 screenshots
User generated imageUser generated imageI reproduced the issue here
What am I missing here?
jQueryCSSHTMLJavaScript

Avatar of undefined
Last Comment
Marco Gasi
Avatar of Mukesh Yadav
Mukesh Yadav
Flag of India image

You shared localhost url so please share a public url so we can help you;
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

ASKER

Ooops! The link is this
Avatar of Moussa Mokhtari
Moussa Mokhtari

Try to use all the handles (assuming that ur image id is #myimage ) :

$( "#myimage" ).resizable({
  handles: "n, e, s, w"
});

Open in new window

Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

ASKER

Hi Moussa. No that doesn't solve the problem. Check it now. It looks like the problem is with the height : if you resize width the image is correctly resized preserving ratio but the ui-resizable height doesn't change; if you resize the height the image doesn't resize and only ui-resizable is resized...
ASKER CERTIFIED SOLUTION
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

ASKER

It solved my issue.
Thank you both for trying to help, but this time I did it myself :-)
JavaScript
JavaScript

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.

127K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo