Skip to main content

Search and Top Navigation

#8393 open bug ()

Opened June 11, 2012 08:45PM UTC

Last modified July 14, 2014 06:38PM UTC

Datepicker: Issues using showAnim on multiple datepickers

Reported by: Viktor Snezhko Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.8.17
Keywords: rewrite Cc:
Blocked by: Blocking:
Description

Hi,

Since version jqueryui 1.8.17, the drop-down calendar fails,when showAnim is set "blind".

Note: That is possible that bug is in animation, but not in datepicker.

Thanks,

Viktor

Attachments (0)
Change History (9)

Changed June 11, 2012 08:59PM UTC by scottgonzalez comment:1

description: Hi, \ Since version jqueryui 1.8.17, the drop-down calendar fails,when showAnim is set "blind". \ Note: That is possible that bug is in animation, but not in datepicker. \ \ To reproduce following sample can be used. \ Steps: \ 1. Save codes in file with extension html. \ 2. Open sample in browser. \ 3. Click mouse on left INPUT: drop-down calendar appears \ 4. Click mouse on right INPUT: drop-down calendar attempts to appear and at once disappears. Following clicks inside/outside of right INPUT do not show calendar. \ 5. Uncomment line with 1.8.16, comment line with 1.8.17 and repeat steps 1-4. Drop-down calendar works correctly. \ \ Codes: \ \ <!DOCTYPE html> \ <html xmlns="http://www.w3.org/1999/xhtml"> \ <head> \ <title></title> \ <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet" /> \ <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> \ <!-- \ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> \ --> \ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.js"></script> \ \ <script type="text/javascript"> \ $(function() { \ $('.datepicker').datepicker({ showAnim: 'blind' }); \ }); \ </script> \ \ </head> \ <body> \ <form id="submit"> \ <input id="dp1" class="datepicker" type="text" />~<input id="dp2" class="datepicker" type="text" /> \ </form> \ </body> \ </html> \ \ Thanks, \ ViktorHi, \ Since version jqueryui 1.8.17, the drop-down calendar fails,when showAnim is set "blind". \ Note: That is possible that bug is in animation, but not in datepicker. \ \ Thanks, \ Viktor
status: newopen

Changed July 11, 2012 09:06AM UTC by mrozik comment:2

_comment0: Hi, \ \ I changed example and add '''duration''' param to datepicker: \ \ http://jsfiddle.net/DtXq2/1/ \ \ This is helpfull to understand what is going wrong. I think problem is with stop() function: \ \ $.datepicker._curInst.dpDiv.stop(true, true); \ \ It doesn't fire animation callbacks immediatelly. \ \ Will study it further. \ \ mrozik1341997713254384

Hi,

I changed example and add duration param to datepicker:

http://jsfiddle.net/DtXq2/1/

This is helpfull to understand what is going wrong. I think problem is with stop() function:

$.datepicker._curInst.dpDiv.stop(true, true);

It doesn't fire animation callbacks immediatelly.

Will study it further.

mrozik

Changed July 11, 2012 02:06PM UTC by mrozik comment:3

After deeper investigation of the stop() function, the conclusion is that stop(true, true) function cannot properly stop effects which involve wrapper (blind, explode...). This ticket is related to http://bugs.jqueryui.com/ticket/7612, http://bugs.jqueryui.com/ticket/7123 and maybe more...

Changed October 11, 2012 02:45PM UTC by scottgonzalez comment:4

milestone: 1.9.01.11.0

Changed January 27, 2013 03:07AM UTC by tj.vantoll comment:5

summary: Drop down calendar fails for second datepicker when showAnim:'blind'Datepicker: calendar clipped for second datepicker when showAnim:'blind'

Still an issue in master - http://jsfiddle.net/tj_vantoll/DtXq2/2/. This might be solved by the effects changes if this is related to #7123.

Changed March 22, 2013 01:42AM UTC by tj.vantoll comment:6

summary: Datepicker: calendar clipped for second datepicker when showAnim:'blind'Datepicker: Issues using showAnim on multiple datepickers

There are issues with multiple effects so I thought I'd make this ticket a little more generic. Here's a test case where you can choose the effect used: http://jsfiddle.net/tj_vantoll/LvFTC/. To see the issue choose an effect, give focus to the first text box, then the second.

The following effects have issues of some sort:

blind, bounce, explode, fold, shake

Changed March 22, 2013 01:43AM UTC by tj.vantoll comment:7

#9176 is a duplicate of this ticket.

Changed June 24, 2014 11:51PM UTC by scottgonzalez comment:8

milestone: 1.11.0none

Changed July 14, 2014 06:38PM UTC by scottgonzalez comment:9

keywords: → rewrite