Google Git
Sign in
chromium / devtools / devtools-frontend / 4f7644e578059dbc1f9096b758d3e0a2ae395adc
commit4f7644e578059dbc1f9096b758d3e0a2ae395adc[log] [tgz]
authorYanling Wang <[email protected]>Tue Feb 07 21:19:44 2023
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Wed Feb 08 17:27:44 2023
tree3a749b10a5296241545ed8f9823bc0ec9bf55fe6
parent798cf20faa5996e26d4e1d36f63f6cb0c021d173 [diff]
[Accessibility] Add keyboard navigation for CSS Overview Sidebar Panel

Currently in CSS Overview Completed View report, some of the items in
sidebar panel don't have keyboard navigation. This fix will allow users
using 'Tab' and 'Enter' to navigate in this panel.

After:
https://i.imgur.com/8LI7LyT.gif

Bug: 1410595
Change-Id: If52305c93011874f3e5a9e19cf25590d6c86413b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4206138
Reviewed-by: Changhao Han <[email protected]>
Reviewed-by: Guangyue Xu <[email protected]>
Commit-Queue: Yanling Wang <[email protected]>
4 files changed
tree: 3a749b10a5296241545ed8f9823bc0ec9bf55fe6
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. front_end/
  7. inspector_overlay/
  8. node_modules/
  9. scripts/
  10. test/
  11. third_party/
  12. v8/
  13. .clang-format
  14. .editorconfig
  15. .eslintignore
  16. .eslintrc.js
  17. .gitattributes
  18. .gitignore
  19. .gn
  20. .mailmap
  21. .npmignore
  22. .npmrc
  23. .style.yapf
  24. .stylelintignore
  25. .stylelintrc.json
  26. AUTHORS
  27. BUILD.gn
  28. codereview.settings
  29. DEPS
  30. LICENSE
  31. OWNERS
  32. package-lock.json
  33. package.json
  34. PRESUBMIT.py
  35. README.md
  36. tsconfig.json
  37. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.

Source code

The frontend is available on chromium.googlesource.com.

Project documentation

Check out the project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Additional references

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch