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

[michael-arestad]

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

[michael-arestad]

If we change the CSS to this it should work:

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

Hat tip @afercia

[azaozz]

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).

[michael-arestad]

@azaozz spacebar and enter do nothing with radio selects.

[azaozz]

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 :)

[azaozz]

In 31583:

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