Google Git
Sign in
chromium/devtools/devtools-frontend/7d2c2ed0f45a2efb4f764207f7c9e1883d7fdcb4
commit
7d2c2ed0f45a2efb4f764207f7c9e1883d7fdcb4
[log]
author
Elorm Coch <elormcoch@microsoft.com>
Tue Jun 10 16:24:14 2025
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Wed Jun 11 16:19:24 2025
tree
5aa0dc4c32c3f72984e21f27b8973cb6e77ad0e4
parent
bc43a7982e2f89c390beee7b154ed700a7382fe8 [diff]
Fix shift tab keyboard navigation within live expression text field

Before:
* Hitting shift + Tab from within the live expression text field always returns focus to the console and not to the close button and eventually to 'console settings', 'Issues', and 'Default levels' drop down options. Keyboard users would be stuck in this flow, unable to get to other UI controls.

After:
* Shift + Tab focuses out of the live expression text field to the close button and then to the other UI controls.

Fixed: 408398435, 420344137 
Change-Id: I36b59ebfc8b24a62c30ad769da3ff14c0930aa69
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6635169
Reviewed-by: Simon Zünd <szuend@chromium.org>
Commit-Queue: Sylvester Elorm Coch <elormcoch@microsoft.com>
2 files changed
tree: 5aa0dc4c32c3f72984e21f27b8973cb6e77ad0e4
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. build
  15. buildtools
  16. .clang-format
  17. .clang-format-ignore
  18. .editorconfig
  19. .git-blame-ignore-revs
  20. .gitallowed
  21. .gitattributes
  22. .gitignore
  23. .gitmodules
  24. .gn
  25. .mailmap
  26. .npmignore
  27. .npmrc
  28. .style.yapf
  29. .stylelintignore
  30. .stylelintrc.json
  31. AUTHORS
  32. BUILD.gn
  33. codereview.settings
  34. CONTRIBUTING.md
  35. DEPS
  36. DIR_METADATA
  37. eslint.config.mjs
  38. favicon.ico
  39. LICENSE
  40. OWNERS
  41. package-lock.json
  42. package.json
  43. PRESUBMIT.py
  44. README.md
  45. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

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

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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

There are a few options to keep an eye on the latest and greatest of DevTools development: