Index: gc_lang/fr/webext/content_scripts/menu.js ================================================================== --- gc_lang/fr/webext/content_scripts/menu.js +++ gc_lang/fr/webext/content_scripts/menu.js @@ -90,11 +90,11 @@ } insertIntoPage () { this.bShadow = document.body.createShadowRoot || document.body.attachShadow; if (this.bShadow) { - this.xShadowHost = oGrammalecte.createNode("div", { id: "grammalecte_menu_main_button_shadow", style: "width:0; height:0;" }); + this.xShadowHost = oGrammalecte.createNode("div", { id: "grammalecte_menu_main_button_shadow_host", style: "width:0; height:0;" }); this.xShadowRoot = this.xShadowHost.attachShadow({ mode: "open" }); oGrammalecte.createStyle("content_scripts/menu.css", null, this.xShadowRoot); this.xShadowRoot.appendChild(this.xButton); document.body.appendChild(this.xShadowHost); } Index: gc_lang/fr/webext/content_scripts/message_box.js ================================================================== --- gc_lang/fr/webext/content_scripts/message_box.js +++ gc_lang/fr/webext/content_scripts/message_box.js @@ -13,13 +13,13 @@ constructor (sId, sTitle) { this.sId = sId; this.bShadow = document.body.createShadowRoot || document.body.attachShadow; if (this.bShadow) { - this.xShadowPanel = oGrammalecte.createNode("div", {id: this.sId+"_shadow", style: "width:0;height:0;"}); - this.xShadow = this.xShadowPanel.attachShadow({mode: "open"}); - this.xParent = this.xShadow; + this.xShadowHost = oGrammalecte.createNode("div", {id: this.sId+"_shadow", style: "width:0;height:0;"}); + this.xShadowRoot = this.xShadowHost.attachShadow({mode: "open"}); + this.xParent = this.xShadowRoot; } else { this.xParent = document; } this.xMessageBoxBar = oGrammalecte.createNode("div", {className: "grammalecte_message_box_bar"}); @@ -63,14 +63,14 @@ return xButton; } insertIntoPage () { if (this.bShadow){ - oGrammalecte.createStyle("content_scripts/panel.css", null, this.xShadow); - oGrammalecte.createStyle("content_scripts/message_box.css", null, this.xShadow); - this.xShadow.appendChild(this.xMessageBox); - document.body.appendChild(this.xShadowPanel); + oGrammalecte.createStyle("content_scripts/panel.css", null, this.xShadowRoot); + oGrammalecte.createStyle("content_scripts/message_box.css", null, this.xShadowRoot); + this.xShadowRoot.appendChild(this.xMessageBox); + document.body.appendChild(this.xShadowHost); } else { if (!document.getElementById("grammalecte_cssmsg")){ oGrammalecte.createStyle("content_scripts/panel.css", null, document.head); oGrammalecte.createStyle("content_scripts/message_box.css", "grammalecte_cssmsg", document.head); } Index: gc_lang/fr/webext/content_scripts/panel.js ================================================================== --- gc_lang/fr/webext/content_scripts/panel.js +++ gc_lang/fr/webext/content_scripts/panel.js @@ -22,13 +22,13 @@ this.bOpened = false; this.bWorking = false; this.bShadow = document.body.createShadowRoot || document.body.attachShadow; if (this.bShadow) { - this.xShadowPanel = oGrammalecte.createNode("div", {id: this.sId+"_shadow", style: "width:0;height:0;"}); - this.xShadow = this.xShadowPanel.attachShadow({mode: "open"}); - this.xParent = this.xShadow; + this.xShadowHost = oGrammalecte.createNode("div", {id: this.sId+"_shadow_host", style: "width:0;height:0;"}); + this.xShadowRoot = this.xShadowHost.attachShadow({mode: "open"}); + this.xParent = this.xShadowRoot; } else { this.xParent = document; } this.xPanelBar = oGrammalecte.createNode("div", {className: "grammalecte_panel_bar"}); @@ -122,17 +122,17 @@ this.xPanelMessageBlock.appendChild(this.xPanelMessageActionButton); } insertIntoPage () { if (this.bShadow) { - oGrammalecte.createStyle("content_scripts/panel.css", null, this.xShadow); - oGrammalecte.createStyle("content_scripts/panel_gc.css", null, this.xShadow); - oGrammalecte.createStyle("content_scripts/panel_lxg.css", null, this.xShadow); - oGrammalecte.createStyle("content_scripts/panel_conj.css", null, this.xShadow); - oGrammalecte.createStyle("content_scripts/panel_tf.css", null, this.xShadow); - this.xShadow.appendChild(this.xPanel); - document.body.appendChild(this.xShadowPanel); + oGrammalecte.createStyle("content_scripts/panel.css", null, this.xShadowRoot); + oGrammalecte.createStyle("content_scripts/panel_gc.css", null, this.xShadowRoot); + oGrammalecte.createStyle("content_scripts/panel_lxg.css", null, this.xShadowRoot); + oGrammalecte.createStyle("content_scripts/panel_conj.css", null, this.xShadowRoot); + oGrammalecte.createStyle("content_scripts/panel_tf.css", null, this.xShadowRoot); + this.xShadowRoot.appendChild(this.xPanel); + document.body.appendChild(this.xShadowHost); } else { if (!document.getElementById("grammalecte_csspanel")) { oGrammalecte.createStyle("content_scripts/panel.css", "grammalecte_csspanel", document.head); oGrammalecte.createStyle("content_scripts/panel_gc.css", null, document.head); oGrammalecte.createStyle("content_scripts/panel_lxg.css", null, document.head);