#7051 closed bug (fixed)

Opened March 02, 2011 09:53AM UTC

Closed October 24, 2012 09:05PM UTC

Dialog: modal prevents tab key from moving focus off slider handle

Reported by: ilanco Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.dialog Version: 1.8.10
Keywords: modal Cc:
Blocked by: Blocking:
Description

Hello,

When embedding a slider in a modal dialog the tab key does not advance when

pressed and is located on the sliders handle.

Regards,

Ilan

Attachments (0)
Change History (8)

Changed March 02, 2011 12:24PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: new → closed

Works for me: http://jsbin.com/umuhu3/edit

Changed March 02, 2011 03:39PM UTC by ilanco comment:2

You are right it works for non-modal windows.

When changed to modal tab key does not move from handler.

Saved here: http://jsbin.com/umuhu3/3/edit

Changed March 02, 2011 07:58PM UTC by rdworth comment:3

component: ui.slider → ui.dialog
description: Hello, \ \ When embedding a slider in a dialog the tab key does not advance when \ pressed and is located on the sliders handle. \ \ Regards, \ \ Ilan \ → Hello, \ \ When embedding a slider in a modal dialog the tab key does not advance when \ pressed and is located on the sliders handle. \ \ Regards, \ \ Ilan \
resolution: worksforme
status: closed → reopened
summary: tab key broken when using slider in dialog → Dialog: modal prevents tab key from moving focus off slider handle

Changed May 30, 2011 03:39AM UTC by k_borchers comment:4

It appears that my pull request here https://github.com/jquery/jquery-ui/pull/311 for ticket [ticket:4671] also fixes this issue.

Changed August 24, 2011 02:35PM UTC by Spider comment:5

A workaround that seems to work is changing the handle's z-index: http://jsbin.com/umuhu3/24/edit

Changed September 07, 2011 12:54PM UTC by scottgonzalez comment:6

keywords: → modal

Changed October 11, 2012 02:47PM UTC by scottgonzalez comment:7

milestone: 1.9.0 → 1.10.0

Changed October 24, 2012 09:05PM UTC by Nate Eagle comment:8

resolution: → fixed
status: reopened → closed

Dialog: Awesome new stacking and overlay implementation. Fixes the following tickets:

Fixes #3534 - Dialog: Modal dialog disables all input elements on page.

Fixes #4671 - Dialog: Modal Dialog disables vertical scroll bar in Chrome & Safari.

Fixes #4995 - Dialog: Modal Dialog's overlay dissapears in IE when content is tall.

Fixes #5388 - Dialog: Don't change z-index when already at the top.

Fixes #5466 - Dialog: "modal" Dialog Incorrectly Cancels Input Events.

Fixes #5762 - Dialog: Get rid of z-index workaround, document it instead.

Fixes #6267 - Dialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work.

Fixes #7051 - Dialog: modal prevents tab key from moving focus off slider handle.

Fixes #7107 - Dialog: Modal dialog event loss with high zindex child elements (FF 3.6).

Fixes #7120 - Dialog: Modal operation interrupts drag drop marker functionality on gmaps.

Fixes #8172 - Dialog: Change event cancelled when opening modal dialog from another modal dialog.

Fixes #8583 - Dialog: Mouse event wrongly stopped.

Fixes #8722 - Dialog: Remove stack option.

Fixes #8729 - Dialog: Remove zIndex option.

Changeset: 3829a37ca122e923c3a08b964c4b1a946a2a1456