Fix Cart block interaction in the editor (mobile) (https://github.com/woocommerce/woocommerce-blocks/pull/2354)

* Prevent SnackbarList from loading in the editor

* Fix snackbar styles leaking into the editor

* Prevent 'Proceed to Checkout' button being fixed to the bottom in the editor

plugins/woocommerce-blocks/assets/js/base/components/store-notices-container/snackbar-notices.js

@@ -3,12 +3,18 @@
  */
 import { SnackbarList } from 'wordpress-components';
 import { useStoreNotices } from '@woocommerce/base-hooks';
+import { useEditorContext } from '@woocommerce/base-context';
 
 const NoticesContainer = () => {
+	const { isEditor } = useEditorContext();
 	const { notices, removeNotice } = useStoreNotices();
 	const snackbarNotices = notices.filter(
 		( notice ) => notice.type === 'snackbar'
 	);
+
+	if ( isEditor ) {
+		return null;
+	}
 	return (
 		<SnackbarList
 			notices={ snackbarNotices }

plugins/woocommerce-blocks/assets/js/base/components/store-notices-container/style.scss

@@ -25,7 +25,7 @@
 	}
 }
 
-.components-snackbar-list {
+.wc-block-notices__snackbar {
 	position: fixed;
 	bottom: 20px;
 	left: 16px;

plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/full-cart/editor.scss

@@ -28,6 +28,11 @@
 	.wc-block-coupon-code .components-button {
 		opacity: 1;
 	}
+
+	.wc-block-cart__submit-container {
+		box-shadow: none;
+		position: static;
+	}
 }
 
 @include breakpoint( "<782px" ) {