New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 633858 link

Starred by 9 users

Issue metadata

Status: Fixed
Owner:
Closed: Feb 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug-Regression

Blocking:
issue 603620
issue 671375



Sign in to add a comment

Regression: [Md Settings] Focus doesn't traverse through side nav bar.

Reported by dchau...@etouch.net, Aug 3 2016

Issue description

Chrome Version: 53.0.2785.45 (Official Build) 70a7d200b65a4bc8fa957bfa8a8ad8bc8f429bdb-refs/branch-heads/2785@{#477} 32/64-bit.
OS: Windows (7,8,10), Mac (10.10.5, 10.11.5), Linux (14.04 LTS).

What steps will reproduce the problem?
1. Launch chrome and navigate to chrome://md-settings.
2. Keep focus on toolbar menu icon and press 'Enter' key.
3. Now, press 'Tab' key from keyboard and observe the focus.

Focus doesn't traverse to side nav bar.
Focus should traverse through side nav bar.

This is a regression issue, broken in M-50 series, below is bisect info.

Good build: 50.0.2641.0
Bad build: 50.0.2643.0 

Narrow bisect:
https://chromium.googlesource.com/chromium/src/+log/7cadea4c77674b8f2c4b8842877de2d5d8d5670f..1784be25c32a243547048a8f426253dd12262529?pretty=fuller&n=100

Suspecting: r373893

KIndly review the attached screen-cast for reference.
 
Actual behavior.mp4
610 KB View Download
Expected behavior.mp4
145 KB View Download
Project Member

Comment 1 by sheriffbot@chromium.org, Aug 5 2016

Labels: -M-53 M-54 MovedFrom-53
Moving this nonessential bug to the next milestone.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Pri-1 Proj-MaterialDesign-WebUI Pri-2
Owner: hcarmona@chromium.org
Labels: Hotlist-MD-Settings-PageA11y
Cc: msrchandra@chromium.org hcarmona@chromium.org
 Issue 638890  has been merged into this issue.
Status: Started (was: Assigned)
I've been working on this issue. Solution is two part:

1. Fix tab capture by using a dialog for the side nav
2. Fix tab-ability of elements by updating how menus are used
Cc: tkonch...@chromium.org
 Issue 658650  has been merged into this issue.
 Issue 605108  has been merged into this issue.
Project Member

Comment 9 by bugdroid1@chromium.org, Dec 13 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/bae4924a123c42de82f4fef429cc176ee9065785

commit bae4924a123c42de82f4fef429cc176ee9065785
Author: hcarmona <hcarmona@chromium.org>
Date: Tue Dec 13 16:27:20 2016

Create implementation of the side panel using a dialog.

Using a dialog is a much cleaner solution because it handles all focus
trapping without attempting to capture TAB or require updating all
tabindex properties.

We removed the ability to swipe the drawer open in order to keep the
code simple.

BUG= 633858 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2465433002
Cr-Commit-Position: refs/heads/master@{#438187}

[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/controls/compiled_resources2.gyp
[add] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/controls/dialog_drawer.html
[add] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/controls/dialog_drawer.js
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/settings_resources.grd
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/settings_ui/compiled_resources2.gyp
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/settings_ui/settings_ui.html
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/browser/resources/settings/settings_ui/settings_ui.js
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/test/data/webui/settings/rtl_tests.js
[modify] https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785/chrome/test/data/webui/settings/settings_ui_browsertest.js

This is not fixed yet, but the CL that landed is a big step in the right direction.
Cc: dbeam@chromium.org tommycli@chromium.org
 Issue 675385  has been merged into this issue.
Blocking: 603620
Blockedon: 671375
Blockedon: -671375
Blocking: 671375
Screenshots showing selection for http://crrev.com/2651293003.
It's based on chrome://history and color/style matches that.
Selection-People.png
75.2 KB View Download
Selection-Advanced.png
75.3 KB View Download
Select-Downloads.png
75.2 KB View Download
Select-About.png
75.2 KB View Download
 Issue 686307  has been merged into this issue.
 Issue 686331  has been merged into this issue.
 Issue 686305  has been merged into this issue.
Status: Fixed (was: Started)

Sign in to add a comment