From c4cd053b34e1b75558891e56e7a1a5a95cd55f5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Lys=C3=BD?= <jan.lysy@automattic.com>
Date: Thu, 28 Jul 2022 09:44:03 +0200
Subject: [PATCH] Add inline class to MailPoet notices

The `inline` class is used to prevent moving notice by WP JavaScript (wp-admin/js/common.js) because it can break DOM, and events don't work anymore
[MAILPOET-4510]
---
 mailpoet/assets/js/src/notices/notice.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/mailpoet/assets/js/src/notices/notice.tsx b/mailpoet/assets/js/src/notices/notice.tsx
index 7e309f8ee9..09553c4b26 100644
--- a/mailpoet/assets/js/src/notices/notice.tsx
+++ b/mailpoet/assets/js/src/notices/notice.tsx
@@ -58,10 +58,11 @@ function Notice({
 
   if (hidden) return null;
 
+  // inline class is used to prevent moving notice by WP JavaScript (wp-admin/js/common.js) because it can break DOM, and events don't work anymore
   const content = (
     <div
       ref={elementRef}
-      className={`notice ${type} ${closable ? 'is-dismissible' : ''}`}
+      className={`notice inline ${type} ${closable ? 'is-dismissible' : ''}`}
     >
       {children}
       {closable && (