Merge pull request #162 from mermaid-js/fix/styling-panel-should-not-show

Fix/styling panel should not show

Author: MrCoder

cypress/e2e/__image_snapshots__/Editable Label Async message #0.png

@@ -11,8 +11,8 @@ describe("Editable Label", function () {
     messageLabel.dblclick();
     messageLabel.type("  $@%^{enter}");
     cy.contains("method() $@%^").should("be.visible");
-    cy.get("body").click();
-
+    cy.get(".header").click();
+    cy.wait(1000);
     cy.document().toMatchImageSnapshot({
       imageConfig: { threshold: 0.01 },
       capture: "viewport",
@@ -29,7 +29,8 @@ describe("Editable Label", function () {
     messageLabel.dblclick();
     messageLabel.type(" n{backspace}n{enter}");
     cy.contains("SelfMessage n").should("be.visible");
-    cy.get("body").click();
+    cy.get(".header").click();
+    cy.wait(1000);
 
     cy.document().toMatchImageSnapshot({
       imageConfig: { threshold: 0.01 },
@@ -47,7 +48,8 @@ describe("Editable Label", function () {
     messageLabel.dblclick();
     messageLabel.type(" how are you?{enter}");
     cy.contains("Hello Bob how are you?").should("be.visible");
-    cy.get("body").click();
+    cy.get(".header").click();
+    cy.wait(1000);
 
     cy.document().toMatchImageSnapshot({
       imageConfig: { threshold: 0.01 },