diff --git a/devtools/client/dom/panel.js b/devtools/client/dom/panel.js
index ba9360314cbf..c788326519a8 100644
--- a/devtools/client/dom/panel.js
+++ b/devtools/client/dom/panel.js
@@ -182,9 +182,8 @@ DomPanel.prototype = {
   getRootGrip: async function() {
     // Attach Console. It might involve RDP communication, so wait
     // asynchronously for the result
-    const { result } = await this.target.activeConsole.evaluateJSAsync(
-      "window"
-    );
+    const consoleFront = await this.target.getFront("console");
+    const { result } = await consoleFront.evaluateJSAsync("window");
     return result;
   },
 
diff --git a/devtools/client/dom/test/head.js b/devtools/client/dom/test/head.js
index f6d72320587f..301bf19d8487 100644
--- a/devtools/client/dom/test/head.js
+++ b/devtools/client/dom/test/head.js
@@ -188,8 +188,9 @@ function expandRow(panel, labelText) {
   });
 }
 
-function evaluateJSAsync(panel, expression) {
-  return panel.target.activeConsole.evaluateJSAsync(expression);
+async function evaluateJSAsync(panel, expression) {
+  const consoleFront = await panel.target.getFront("console");
+  return consoleFront.evaluateJSAsync(expression);
 }
 
 function refreshPanel(panel) {