#9489 closed bug (notabug)

Opened August 08, 2013 06:49PM UTC

Closed August 08, 2013 08:08PM UTC

Not able to tab between buttons in Safari (modal and non-modal)

Reported by: kdorff Owned by: kdorff
Priority: minor Milestone: none
Component: ui.dialog Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

Bug description:

In current Mac Safari (6.0.5) the tab key presses fail to cycle between buttons that exist both within the body of the dialog and the buttons defined by the dialog's "buttons" property of the dialog.

Using libraries

  • (jQuery UI 1.10.3, jQuery 1.10.2) or (jQuery UI 1.9.2, jQuery 1.6.4)

with at least themes

  • (ui-lightness) or (humanity)

In modes

  • (modal) or (non-modal) dialogs
  • (open dialog automatically) or (open dialog manually)

Bug occurs in browser

  • Safari 6.0.5 (8536.30.1) on Apple Mountain Lion (10.8.4)

Bug does not occur in browsers

  • Safari 5.1.7 (7534.57.2) in Windows 8
  • Chrome (latest), Windows 8 and Apple Mountain Lion
  • FireFox (latest) on Apple Mountain Lion
  • untested elsewhere in other combinations

This can be demonstrated on both

This seems to be the same or similar issue described

but both of those claim to be closed, fixed or closed, duplicate and I am still seeing the problematic behavior.

Attachments (0)
Change History (3)

Changed August 08, 2013 07:13PM UTC by tj.vantoll comment:1

owner: → kdorff
status: new → pending

Hi kdorff,

I'm not able to reproduce the issue you're describing, but it sounds like you're running into this: http://stackoverflow.com/questions/2292016/is-there-a-workaround-to-safaris-operas-bug-that-you-cant-tab-through-hyperli#answer-2292336.

Are you able to tab to <button>s outside of dialogs?

Changed August 08, 2013 08:00PM UTC by kdorff comment:2

status: pending → new

Yes, this does appear to be my issue: that by default on Mac + Safari (at least 6.0.5, probably other versions) pressing Tab does not change focus to button options in the dialog (both buttons within the dialog, the X close button, and the dialog's buttons defined in the dialog properties) but option-tab focuses the buttons, etc. that I would expect.

When, as instructed in the StackOverflow posting you mention, I change Safari's Preferences | Advanced | "Press Tab to highlight each item on a webpage" the tab key works as expected (and how it works in other browsers).

To answer your question, no I just wanted Tab to cycle focus between items within the dialog.

I knew somebody down the road would ask me why Safari+Mac behaved so differently and wanted to have an answer when they did and it wasn't obvious if it was a Safari issue or somehow a jQuery UI issue - I use Safari so rarely that I wasn't aware this was a Safari oddity. Thank you for your help. You can close the ticket.

Changed August 08, 2013 08:08PM UTC by tj.vantoll comment:3

resolution: → notabug
status: new → closed