Set id on body tag

Signed-off-by: Tyler Smalley <tyler.smalley@elastic.co>
elastic · Sep 20, 2018 · 22a6686 · 22a6686
1 parent 01fc786
commit 22a6686
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/ui/public/chrome/chrome.js b/src/ui/public/chrome/chrome.js
@@ -83,6 +83,9 @@ const waitForBootstrap = new Promise(resolve => {
     require('uiExports/chromeNavControls');
     require('uiExports/hacks');
 
+    // sets attribute on body for stylesheet sandboxing
+    document.body.setAttribute('id', `${internals.app.id}-app`);
+
     chrome.setupAngular();
     targetDomElement.setAttribute('id', 'kibana-body');
     targetDomElement.setAttribute('kbn-chrome', 'true');

diff --git a/src/ui/public/chrome/directives/kbn_chrome.js b/src/ui/public/chrome/directives/kbn_chrome.js
@@ -44,8 +44,6 @@ export function kbnChromeProvider(chrome, internals) {
           const $content = $(require('./kbn_chrome.html'));
           const $app = $content.find('.application');
 
-          $app.attr('id', `${internals.app.id}-app`);
-
           if (internals.rootController) {
             $app.attr('ng-controller', internals.rootController);
           }