Skip to content

Use shadow dom to render the toolbar #2266

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
matthiask merged 9 commits into from
Apr 23, 2026
Merged

Use shadow dom to render the toolbar #2266

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
89960a5
Use shadow dom to render the toolbar
federicobond Nov 26, 2025
d75cd33
Change shadow root element ID for fetching debug element
tim-schilling Dec 3, 2025
46e3abf
Add USE_SHADOW_DOM setting to opt-out to shadow DOM toolbar rendering
federicobond Dec 10, 2025
9c5fe81
Use JSDoc format for comments
federicobond Apr 22, 2026
fd7bc05
Add a note about the changed selector for CSS variables
federicobond Apr 22, 2026
aef37bf
Update frontend tests for new shadow DOM structure
federicobond Apr 22, 2026
a5d6a9e
Update changelog
federicobond Apr 22, 2026
b86e123
Add lookups to spelling wordlist
federicobond Apr 22, 2026
d709c1e
Merge branch 'main' into shadowdom
matthiask Apr 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update changelog
  • Loading branch information
@federicobond
federicobond committed Apr 22, 2026
commit a5d6a9e9bdfa394288934fcc353e8fef4c4fb55a
7 changes: 5 additions & 2 deletions docs/changes.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,11 @@ Pending
about requiring an up-to-date browser.
* Updated to render the toolbar in a shadow DOM for better isolation
from the rest of the page. This can be disabled with the setting
``USE_SHADOW_DOM``. Note that this may break custom themes and panes
that have not yet been updated for shadow DOM support.
``USE_SHADOW_DOM``.
* Note that custom themes overriding CSS variables on :root must move
those overrides to ``#djDebug``, and custom panels that rely on external
styles or DOM lookups reaching into the toolbar will need updates to
work with the shadow DOM.

6.3.0 (2026-04-01)
------------------
Expand Down
Loading