Google Git Google Git
Sign in
chromium/devtools/devtools-frontend/main
commit
7be69dfa5dd9cdd753ef832a4cf55b8f253fb6aa
[log]
author
Natallia Harshunova <nharshunova@chromium.org>
Fri Oct 23 14:35:17 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Fri Oct 23 14:59:12 2026
tree
c93d4e7e7605fcd6969603d59ebe78124dd23a98
parent
c24bdda04bd6abdb4472b30aabae79b47c7f6b6b [diff] 
Show comment thread near drawer row when not anchored

When clicking a comment row in the Comments drawer whose target element
can no longer be found or has been removed:
- Mark the thread as orphaned (`isOrphaned`) during `ThreadRevealer.reveal`
  and display a `(removed)` label and disabled styling on the drawer row.
- Pass the clicked row's position via `RevealableThread` as a fallback
  position to `CommentsOverlayWidget.openThread`, rendering the thread
  popup directly above the drawer row (`translateY(-100%)`) when no
  anchor pin is present.
- Close the open comment thread popup when clicking outside the overlay
  content element.

Bug: 567396200
Change-Id: I2f28bdbc759db58882eedc1fd01942a0ffd60db9
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8585335
Reviewed-by: Yulun Zeng <yulunz@chromium.org>
Auto-Submit: Natallia Harshunova <nharshunova@chromium.org>
Commit-Queue: Natallia Harshunova <nharshunova@chromium.org>
7 files changed
tree: c93d4e7e7605fcd6969603d59ebe78124dd23a98
  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. scripts/
  14. test/
  15. third_party/
  16. v8/
  17. build
  18. buildtools
  19. .clang-format
  20. .clang-format-ignore
  21. .editorconfig
  22. .env.template
  23. .geminiignore
  24. .git-blame-ignore-revs
  25. .gitallowed
  26. .gitattributes
  27. .gitignore
  28. .gitmodules
  29. .gn
  30. .mailmap
  31. .npmignore
  32. .npmrc
  33. .style.yapf
  34. .stylelintignore
  35. .stylelintrc.json
  36. AUTHORS
  37. BUILD.gn
  38. codereview.settings
  39. CONTRIBUTING.md
  40. DEPS
  41. DIR_METADATA
  42. dt
  43. dt.bat
  44. eslint.config.mjs
  45. favicon.ico
  46. LICENSE
  47. OWNERS
  48. package-lock.json
  49. package.json
  50. PRESUBMIT.py
  51. README.md
  52. SECURITY.md
  53. 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: