Search and Top Navigation
#14937 closed bug (duplicate)
Opened March 17, 2016 01:45PM UTC
Closed March 17, 2016 11:38PM UTC
Jquery UI dialog vs datepicker
Reported by: | ehpc | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | none |
Component: | ui.datepicker | Version: | 1.11.4 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Hi.
I have the following code http://pastebin.com/raw/CZd3FsPm.
We are opening ui dialog with one input in it and attaching a datepicker.
It works like charm except in IE11 where it doesn't close on date selection. When a user clicks any date the datepicker hides itself and then immediately restores.
I've found the problem in these lines of code of jquery ui:
if ( !this.document.data( "ui-dialog-overlays" ) ) { // Prevent use of anchors and inputs // Using _on() for an event handler shared across many instances is // safe because the dialogs stack and must be closed in reverse order this._on( this.document, { focusin: function( event ) { if ( isOpening ) { return; } if ( !this._allowInteraction( event ) ) { event.preventDefault(); this._trackingInstances()[ 0 ]._focusTabbable(); } } }); }
_focusTabbable
focuses back on input and datepicker reopens.
Attachments (0)
Change History (2)
Changed March 17, 2016 03:12PM UTC by comment:1
description: | Hi. \ I have the following code http://pastebin.com/raw/CZd3FsPm. \ We are opening ui dialog with one input in it and attaching a datepicker. \ It works like charm except in IE11 where it doesn't close on date selection. When a user clicks any date the datepicker hides itself and then immediately restores. \ I've found the problem in these lines of code of jquery ui: \ \ if ( !this.document.data( "ui-dialog-overlays" ) ) { \ \ // Prevent use of anchors and inputs \ // Using _on() for an event handler shared across many instances is \ // safe because the dialogs stack and must be closed in reverse order \ this._on( this.document, { \ focusin: function( event ) { \ if ( isOpening ) { \ return; \ } \ \ if ( !this._allowInteraction( event ) ) { \ event.preventDefault(); \ this._trackingInstances()[ 0 ]._focusTabbable(); \ } \ } \ }); \ } \ \ _focusTabbable focuses back on input and datepicker reopens. → Hi. \ I have the following code http://pastebin.com/raw/CZd3FsPm. \ We are opening ui dialog with one input in it and attaching a datepicker. \ It works like charm except in IE11 where it doesn't close on date selection. When a user clicks any date the datepicker hides itself and then immediately restores. \ I've found the problem in these lines of code of jquery ui: \ \ {{{#!javascript \ if ( !this.document.data( "ui-dialog-overlays" ) ) { \ \ // Prevent use of anchors and inputs \ // Using _on() for an event handler shared across many instances is \ // safe because the dialogs stack and must be closed in reverse order \ this._on( this.document, { \ focusin: function( event ) { \ if ( isOpening ) { \ return; \ } \ \ if ( !this._allowInteraction( event ) ) { \ event.preventDefault(); \ this._trackingInstances()[ 0 ]._focusTabbable(); \ } \ } \ }); \ } \ }}} \ \ `_focusTabbable` focuses back on input and datepicker reopens. |
---|