Search jQuery

jQuery Forum

Using jQuery UI

wesley1

Datepicker not showing up when placed inside selectable in Firefox

in Using jQuery UI • 3 months ago

Using jquery v1.9

Using jquery ui v1.10.0

The easiest way to show this was for me to create a jsfiddle demonstrating the issue... it can be found here.

The desired effect was to have the user select one of the items in the selectable and then append an input element bound to a datepicker to said selectable item....

Works perfectly in Chrome however in Firefox v.18.0.1 the datepicker refuses to show up after clicking on the input.

Is this a bug or am I doing something wrong?

Thanks!

Replies(2)

kbwood.au

Re: Datepicker not showing up when placed inside selectable in Firefox

3 months ago

The selectable plugin seems to capture all the mouse events within it. So you cannot focus on the date inputs and trigger the popup calendar.

wesley1

Re: Datepicker not showing up when placed inside selectable in Firefox

3 months ago

Thanks for the reply kbwood...

So I'm thinking this may be a bug since it works in Chrome/webkit but not in Firefox...

I even tried to set the dynamically created input element as the cancel option of the selectable but that still failed in Firefox.

The work around I had to use to get it working in Firefox was to directly bind a handler to the onclick of the input like so:

$('<input/>').click(function(){ $(this).datepicker('show'); });

Top Reply

Response title

Attachments

jQuery Forum

Datepicker not showing up when placed inside selectable in Firefox

Replies(2)

Re: Datepicker not showing up when placed inside selectable in Firefox

Re: Datepicker not showing up when placed inside selectable in Firefox

Statistics

Tags

Actions

Related Posts