Super Answer

jQuery UI dialog blocking window scroll bar in Google Chrome [closed]

Posted on 06-19 by Gale (809 votes, average: 3.9 out of 5)

I am facing a problem when using jQuery UI dialog box. When I open a photo in jQuery dialog box, it freezes the window scroll bar. I am not able to move up or down the page using the mouse pointer. This problem exists only in Google Chrome. Its working fine in Mozilla and Internet Explorer.
Does any one have a solution to this problem?

"Women... can't live with 'em... can't shoot 'em." —Ivan Turgenev

Best Answers: jQuery UI dialog blocking window scroll bar in Google Chrome [closed]

I have fixed a similar glitch in the past by doing the following right before initializing the dialog:

$.ui.dialog.prototype._makeDraggable = function () {    this.uiDialog.draggable({        containment: false,        handle: "div.ui-widget-header",        cancel: "#dialogId"    });};

I have seen a similar issue when I open a jQueryUI dialog that has a TimyMCE editor in it. The scrollbars in the dialog were freezing.

The weird reason for it a URL HASH '#' in the end of the url. The URL HASH was added to the url because I forgot to 'return false;' in the click() event of the link that opened the dialog. Once I added the 'return false;' the event was not natively handled by the browser, no URL HASH was added and the scrollbars of the dialog worked as expected.

Same problem occur when I was using jquery UI dialog box in chrome, try to give some fix height to box this will not freeze

Related Coments: jQuery UI dialog blocking window scroll bar in Google Chrome [closed]

Can you show the code you are using?

Possible duplicate: Scrollbar problem with jQuery UI dialog in Chrome and Safari

Please, show the code you are using.

In the duplicate link above, search the answer with a link to a patch. It is a 1 line patch and works perfectly.

Related Articles:

How do I increase the height of drag and drop area in wdCalendar(JQuery Event Calendar Plugin) [clos

Anybody familiar with wdCalendar ,a google look a like event calendar plugin in jquery .I got this from http://www.web-delicious.com/jquery-plugins/. I need to increase the drag and drop area of wdc …

How do I increase the height of drag and drop area in wdCalendar(JQuery Event Calendar Plugin) [clos

JQuery multiple attributes in selection

I stumbled upon this form of selector. Notice the quotes, its two attributes.$('#item1','#item2')It seems to return only first element, which is different from $('#item1, #item2') result. I coul …

JQuery multiple attributes in selection

Javascript Regex and getElementByID

I'm trying to search for all elements in a web page with a certain regex pattern.I'm failing to understand how to utilize Javascript's regex object for this task. My plan was to collect all elements …

Javascript Regex and getElementByID

jQuery setInterval() undefined function error

Hi I am relatively new to javascript and jQuery and while trying to create a function the runs in intervals of 100 milliseconds I encountered a problem.I seem to get in the console of firebug and erro …

jQuery setInterval() undefined function error

jQuery selector with dash and spaces of classname

I know that if I have a class name (with spaces), e.g. my classnameI can create a class selector with:.my.classnameHowever, how can I create a class selector If I have dashes between spaces …

jQuery selector with dash and spaces of classname

How can I submit a form in a parent window using jQuery without refreshing the contents of the paren

I am attempting to submit a form contained in a parent window from a child iframe using jQuery without much luck.In the child window I have the following validation function:<script type="text/jav …

How can I submit a form in a parent window using jQuery without refreshing the contents of the paren

jQuery Selection & Filtering Problem

Greetings,I am trying to append a new comment to a Comments UL, in a string of parent posts, using jQuery. I cannot seem to figure out how to append to the parent post's comments UL, here is the HTM …

jQuery Selection & Filtering Problem

JQuery effect working in firefox; not chrome / ie

This problem surprises me because it does not work in Chrome as well. Chrome!! Anyways, I have 3 select boxes, A, B, C. On a page load, B and C are hidden. (This is fine in all browsers). Curre …

JQuery effect working in firefox; not chrome / ie

Jquery - scroll to div

I cant make my Jquery work. I put in some code that should make a good looking scroll down to a div further down on the page.I added the HTML around the a tag and the jquery.HTML<div id="facebook …

Jquery - scroll to div

Is it possible to make this navigaion work only on css and remove jquery?

css and remove all jquery. The site that it will be used in was made with pure css and this was the only need for jquery so I wanted to see if I could eliminate the need for that altogether …

Is it possible to make this navigaion work only on css and remove jquery?

On Click of select box ,Option to be entered/displayed in to the next text box using Jquery

<select id="studentinst" size="6"> <option value="1">First Installment</option> <option value="2">Second Installment</option> <option value="3">Third Installment</option> <option value="4"> …

On Click of select box ,Option to be entered/displayed in to the next text box using Jquery

showing loading using jquery ajax not working

I upgrade my DOM ajax to jquery ajax in passing a value using post, the problem now is the loading image, i tried to follow some of the sample here but to no success. here's my code:function passLet …

showing loading using jquery ajax not working

Sliding “pull-down” navigation - what do I use? How do I implement? jQuery?

I'm new to Javascript and jQuery, but I'm learning. Here is what I'd like to accomplish:I have a row of navigation "pull-down" tabs that I'd like to animate. Some sliders will have text links to sub …

Sliding “pull-down” navigation - what do I use? How do I implement? jQuery?

JQuery: Help using .each() and .append() to add pictures to HTML

Simple bug that needs to be fixed and I can't figure out what's wrong. I need to append the same picture to multiple (five) divs in the HTML. For some reason, my code is appending the same picture …

JQuery: Help using .each() and .append() to add pictures to HTML

checkbox data not sent by jquery [closed]

<script>$(document).ready(function(){ $("#result input[type='checkbox']").click(function(e){ var chkval = 0 if($('#result').is(':checked')){ chkval = 1; } …

checkbox data not sent by jquery [closed]