[buddypress-trac] [BuddyPress Trac] #7711: BP-Nouveau: Keyboard focus lost when Search buttons are hidden off-screen

[buddypress-trac]

#7711: BP-Nouveau: Keyboard focus lost when Search buttons are hidden off-screen
--------------------------+------------------------------
 Reporter:  mercime       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Templates     |     Version:
 Severity:  normal        |  Resolution:
 Keywords:                |
--------------------------+------------------------------
Description changed by mercime:

Old description:

> Checking the accessibility of the new template pack, when I tab through
> the front end, keyboard focus disappears, i.e., jumps to top of screen
> each time after tabbing on the search input field. Depending on the
> screen, you can tab 2-3 more times after the search input field and not
> know where you are on the page. This is caused to hiding the search
> buttons off-screen with the following style:
> ```
> .buddypress-wrap form.bp-dir-search-form button[type="submit"],
> .buddypress-wrap form.bp-messages-search-form button[type="submit"],
> .buddypress-wrap form.bp-invites-search-form button[type="submit"] {
>         height: 0;
>         left: -999em;
>         overflow: hidden;
>         position: absolute;
>         top: -999em;
> }
> ```
>
> Per style above and quick double-check, search buttons need to be fixed
> in the following:
> - Groups directory, Group Memberships, and Group Invites screen
> - All Notifications screens
> - All Activities screens
> - All Messages screens except Message > Compose
> - Members directory screen
> - Send Invites screen
>
> Attaching 3 animated gifs captured in 3 of the above-mentioned pages to
> show how keyboard focus is affected.

New description:

 Checking the accessibility of the new template pack, when I tab through
 the front end, keyboard focus disappears, i.e., jumps to top of screen
 each time after tabbing on the search input field. Depending on the
 screen, you can tab 2-3 more times after the search input field and not
 know where you are on the page. This is caused to hiding the search
 buttons off-screen with the following style:


 {{{
 .buddypress-wrap form.bp-dir-search-form button[type="submit"],
 .buddypress-wrap form.bp-messages-search-form button[type="submit"],
 .buddypress-wrap form.bp-invites-search-form button[type="submit"] {
         height: 0;
         left: -999em;
         overflow: hidden;
         position: absolute;
         top: -999em;
 }
 }}}

 Per style above and quick double-check, search buttons need to be fixed in
 the following:
 - Groups directory, Group Memberships, and Group Invites screen
 - All Notifications screens
 - All Activities screens
 - All Messages screens except Message > Compose
 - Members directory screen
 - Send Invites screen

 Attaching 3 animated gifs captured in 3 of the above-mentioned pages to
 show how keyboard focus is affected.

--

--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7711#comment:2>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac