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
When page loads the handle is alignedBut resizing the alignement can be lostI reproduced the issue here
What am I missing here?

Avatar of undefined
Last Comment
Marco Gasi

8/22/2022 - Mon
Mukesh Yadav

You shared localhost url so please share a public url so we can help you;
Marco Gasi

Ooops! The link is this
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

Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
Marco Gasi

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...
Marco Gasi

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Marco Gasi

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