Opened 3 years ago

Last modified 3 years ago

#13251 new bug

datepicker mousewheel scroll problem inside fixed div

Reported by: tony Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.11.4
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by Ryan J Ollos)

the datepicker works great, but when inside a fixed div it does not scroll with its associated element or hide when the mousewheel is used.

I tried to hide the popup on scroll:

$("html, body").on("DOMMouseScroll MouseScrollEvent MozMousePixelScroll wheel scroll", function ()
{
   $('.datePicker').datepicker("hide");
});

This works but the datepicker doesn't re-open unless the element loses focus focus first (e.g. click somewhere). This seems to be a general problem with the datepicker, in fact.

There's a hackish example at http://jsfiddle.net/2pn8Lctd/ which shows both problems (at least in Firefox):

  1. click on datepicker 2, then the scrollbar. The datepicker will hide but not re-open unless somewhere else is clicked first.
  2. click on datepicker 2 and use the mousewheel to scroll; the datepicker will stay put.

Datepicker 1 works as expected, except the open close issue applies here, too.

Does anyone ave a suggestion how to work around this?

Change History (1)

comment:1 Changed 3 years ago by Ryan J Ollos

Description: modified (diff)
Note: See TracTickets for help on using tickets.