StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>This is because <a href="http://www.malsup.com/jquery/block/">jquery blockUI</a> is catching your click event, have a look at its <code>handler()</code> function :</p> <pre><code>// event handler to suppress keyboard/mouse events when blocking function handler(e) { // allow tab navigation (conditionally) [...] var opts = e.data; // allow events within the message content if ($(e.target).parents('div.' + opts.blockMsgClass).length > 0) return true; // allow events for content that is not being blocked return $(e.target).parents().children().filter('div.blockUI').length == 0; }; </code></pre> <p>So your click event will be propagated ONLY :</p> <ul> <li>if the clicked element ancestor's is a <code>div</code> with css class <code>blockMsg</code> (or your own class if you have changed the default <code>blockMsgClass</code> option value)</li> <li>or if your clicked element ancestor's children are not div with <code>.blockUI</code> css class</li> </ul> <p>The problem is that the jquery-ui datepicker div (<code>div#ui-datepicker-div</code>) is automatically appended outside your <code>div.popup</code> so it is not fulfilling any of these requirements.</p> <p>So a quick fix will be to add the css class <code>blockMsg</code> to the datpicker div (which is an ancestor of the clicked <code>select</code> element) as in <a href="http://jsfiddle.net/4FhHK/216/">this jsFiddle</a>.</p> <p>Another solution would be to append the datepicker div to the popup div once it has been generated but you will have positionning problem when you will open the datepicker.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload