Well no responses but I did find a band aid, thought I'd share for anyone
else having a similar problem with resizing acting unexpectedly.  I just
tagged on the following stop function to readjust just in case the resizable
"slides" down while resizing from the top.  It was only occurring when the
height was less than the minHeight option so this seems to fix the bug for
the time being.  I'll have to look at the actual ui source code and enter a
bug report but there's something definitely wrong with the resize calcs in
FF 3.x and 2.x and minHeight.  

$("#main_footer").resizable({handles:'n',helper:'ui-resize-helper',minHeight:30,stop:function(e,ui){
                         if(ui.size.height < ui.options.minHeight){
                             ui.element.css({height:ui.options.minHeight,
                                             top:(ui.originalSize.height -
ui.options.minHeight) + ui.originalPosition.top
                                            });
                         }
                }})

Cheers,
chris

greenteam003 wrote:
> 
> I've been doing some searching in the mailing list and haven't been able
> to find this issue although I'm sure it has come up.  I don't know if its
> a $.ui.resizable bug or css issue but I have a simple div on a page with
> the following html:
>      <div id="main_footer">
>             <div id="footer_header">Handle</div>
>            this is my footer
>       </div>
> ...and with the following styling:
>         background:#ffffff url(../gif/panel_background.png);
>       background-repeat:repeat-x;
>       bottom:100px;
>       width:100%;
>       border-top:solid 2px #000000;
>       border-bottom:solid 2px #000000;
>       position:absolute;
> 
> I then attempt to make it resizable with only a top handle and a
> semi-transparent helper class:
>        
> $("#main_footer").resizable({handles:'n',helper:'ui-resize-helper'})
> 
> If i "minimize" the footer by sliding the top handle towards the bottom,
> the div tends to "slide" down the page for approx 40px and then stops.  If
> I use the minHeight when initializing the resizing, it behaves even
> stranger.  With the minHeight option set, if I resize the div smaller than
> the minHeight setting, the div positions about 2000px down the page where
> I have to scroll to find the damn thing.  
> I'm sure this has been addressed in the past, but if anyone has
> suggestions on how I can stop this behavior please let me know because
> this makes using jQuery for vertical resizing useless.  I'm using
> jQuery.ui '1.6rc2' and jQuery '1.2.6'.
> 
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Resize-%22creep%22-in-FF-3.0.3-and-2.x-tp19846495s27240p19848065.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to