WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

#31440 closed defect (bug) (fixed)

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

Reported by: Michael Arestad Owned by: 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
6 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
6 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
6 years ago

  • Milestone changed from Awaiting Review to 4.2

#4 @azaozz
6 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
6 years ago

@azaozz spacebar and enter do nothing with radio selects.

#6 in reply to: ↑ 5 @azaozz
6 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
6 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.