Fix emberApp's query selector (emberjs#730)

inkless · cyril-sf · commit fa0b6ca15d67 · 2022-03-30T11:26:35.000-07:00
The applicationView's selector was hard coded to `body &gt; .ember-view`,
this does not work for applications that are not using body as their
rootElement. We need to respect rootElement.
diff --git a/ember_debug/view-debug.js b/ember_debug/view-debug.js
@@ -298,7 +298,7 @@ export default EmberObject.extend(PortMixin, {
     if (!emberApp) {
       return false;
     }
-    let applicationView = document.querySelector('body > .ember-view');
+    let applicationView = document.querySelector(`${emberApp.rootElement} > .ember-view`);
     let applicationViewId = applicationView ? applicationView.id : undefined;
     let rootView = this.get('viewRegistry')[applicationViewId];
     // In case of App.reset view is destroyed

Original file line number	Diff line number	Diff line change
`@@ -298,7 +298,7 @@ export default EmberObject.extend(PortMixin, {`
`298`	`298`	`if (!emberApp) {`
`299`	`299`	`return false;`
`300`	`300`	`}`
`301`		`- let applicationView = document.querySelector('body > .ember-view');`
	`301`	+ let applicationView = document.querySelector(`${emberApp.rootElement} > .ember-view`);
`302`	`302`	`let applicationViewId = applicationView ? applicationView.id : undefined;`
`303`	`303`	`let rootView = this.get('viewRegistry')[applicationViewId];`
`304`	`304`	`// In case of App.reset view is destroyed`