Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#31440 closed defect (bug) (fixed)

Press This: Tab focus order skips radio inputs (Post Formats) on Safari

Reported by: michael-arestad's profile Michael Arestad Owned by: azaozz's profile azaozz
Milestone: 4.2 Priority: normal
Severity: normal Version: 4.2
Component: Press This Keywords:
Focuses: Cc:

Description

@marcelomazza ideas? Tabbing to this element works properly on IE8-11, FF Mac, and Chrome Mac.

Change History (7)

#1 @DrewAPicture
10 years ago

  • Summary changed from Tab focus order skips radio inputs (Categories) on Safari to Press This: Tab focus order skips radio inputs (Categories) on Safari

#2 @Michael Arestad
10 years ago

If we change the CSS to this it should work:

.post-format {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -9999px;
}

Hat tip @afercia

#3 @SergeyBiryukov
10 years ago

  • Milestone changed from Awaiting Review to 4.2

#4 @azaozz
10 years ago

  • Summary changed from Press This: Tab focus order skips radio inputs (Categories) on Safari to Press This: Tab focus order skips radio inputs (Post Formats) on Safari

Confirmed, "tabbing" skips them but arrow keys work once you've tabbed to the first one. However pressing spacebar or Enter doesn't seem to select/set that format (with or without the css patch).

#5 follow-up: @Michael Arestad
10 years ago

@azaozz spacebar and enter do nothing with radio selects.

#6 in reply to: ↑ 5 @azaozz
10 years ago

Replying to Michael Arestad:

Right, got it mixed up with a list of checkboxes. So, to set a radio, you tab to the first radio button then use the arrow keys to move and then tab again to "leave" the last one selected. Making them 1px fixes it :)

#7 @azaozz
10 years ago

  • Owner set to azaozz
  • Resolution set to fixed
  • Status changed from new to closed

In 31583:

PressThis: fix selecting a post format (radio buttons) with the keyboard. Props afercia, Michael-Arestad. Fixes #31440.

Note: See TracTickets for help on using tickets.