search

odyniec / imgareaselect

ImgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
http://odyniec.net/projects/imgareaselect/
686 stars 197 forks source link

Overlay remains visible after switching tabs in Jquery UI Tabs #5

Closed WRidder closed 11 years ago

WRidder commented 13 years ago

When using the Tabs from Jquery UI and adding ImgAreaSelect to e.g. the second tab there is a problem when you select an area and then switch tabs. Instead of hiding the darkened overlay + selection it remains on top of the other tabs.

Switched to ImgAreaSelect from Jcrop. IAS suits me more, but this bug is a bit annoying.

On a side note: the disable option doesn't seem to be working.

odyniec commented 13 years ago

Have you tried setting the tab as the parent element, using the parent option? This might resolve the problem.

WRidder commented 13 years ago

That almost fixes it! Although the overlay isn't shown anymore when selecting a tab other than the one IAS is residing on, there is a problem now with the overlay and selector.

Check the following image: http://imageshack.us/photo/my-images/827/tabsimgareaselect.png/

As you can see, now it is misplaced.

ahoek commented 12 years ago

I encountered the same problem, if you add 'position: relative' to the parent, the overlay is placed correctly and is not show on other tabs.