Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/4fbf689feee78e99ef5faf74a02c8d915b2cfb66
commit
4fbf689feee78e99ef5faf74a02c8d915b2cfb66
[log]
author
Alex Rudenko <alexrudenko@chromium.org>
Tue Oct 13 06:24:36 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Tue Oct 13 07:19:19 2026
tree
1eaec6f6c2badf5f15cb6ff3996cbce7077e8804
parent
26e13a40ff724a222008b9e3c9c2567f591c94a6 [diff]
[elements] Make the expand button of collapsed DOM tree nodes work again

The "…" button rendered after a collapsed element's opening tag used to
call the TreeElement's expand() through a hook on the widget. That hook
stopped being set when the legacy ElementsTreeOutline was deleted, so
clicking the button only selected the node.

DOMTreeElementWidget now exposes an expandNode callback that the button
invokes, and DOMTreeWidget wires it to the same onExpand path that the
tree item's expand event uses (and only for collapsible nodes, like
that path). Adds a widget-level and a tree-level unit test for the
button.

Bug: 407751692
Change-Id: I0129e5460ccc9cd04cc49c79bd61df2238f31e24
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8564098
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
Auto-Submit: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Simon Zünd <szuend@chromium.org>
4 files changed
tree: 1eaec6f6c2badf5f15cb6ff3996cbce7077e8804
  1. .agents/
  2. .gemini/
  3. .github/
  4. .vscode/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. node_modules/
  14. scripts/
  15. test/
  16. third_party/
  17. v8/
  18. build
  19. buildtools
  20. .clang-format
  21. .clang-format-ignore
  22. .editorconfig
  23. .env.template
  24. .geminiignore
  25. .git-blame-ignore-revs
  26. .gitallowed
  27. .gitattributes
  28. .gitignore
  29. .gitmodules
  30. .gn
  31. .mailmap
  32. .npmignore
  33. .npmrc
  34. .style.yapf
  35. .stylelintignore
  36. .stylelintrc.json
  37. AUTHORS
  38. BUILD.gn
  39. codereview.settings
  40. CONTRIBUTING.md
  41. DEPS
  42. DIR_METADATA
  43. eslint.config.mjs
  44. favicon.ico
  45. LICENSE
  46. OWNERS
  47. package-lock.json
  48. package.json
  49. PRESUBMIT.py
  50. README.md
  51. SECURITY.md
  52. 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: