Open shadow root

GoogleChromeLabs · Jul 21, 2020 · 090b967 · 090b967
1 parent 7559a67
commit 090b967
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 26 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dark-mode-toggle",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Web Component that toggles dark mode 🌒",
   "main": "src/dark-mode-toggle.mjs",
   "browser": "src/dark-mode-toggle.mjs",
@@ -34,7 +34,7 @@
   },
   "homepage": "https://github.com/googlechromelabs/dark-mode-toggle#readme",
   "devDependencies": {
-    "eslint": "^7.3.0",
+    "eslint": "^7.5.0",
     "eslint-config-google": "^0.14.0",
     "http-server": "^0.12.3",
     "shx": "^0.3.2",

diff --git a/src/dark-mode-toggle.mjs b/src/dark-mode-toggle.mjs
@@ -110,7 +110,7 @@ export class DarkModeToggle extends HTMLElement {
   }
 
   _initializeDOM() {
-    const shadowRoot = this.attachShadow({mode: 'closed'});
+    const shadowRoot = this.attachShadow({mode: 'open'});
     shadowRoot.appendChild(template.content.cloneNode(true));
 
     // We need to support `media="(prefers-color-scheme: dark)"` (with space)