@elementor/editor-controls 3.35.0-450 → 3.35.0-451

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-controls",
   "description": "This package contains the controls model and utils for the Elementor editor",
-  "version": "3.35.0-450",
+  "version": "3.35.0-451",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-current-user": "3.35.0-450",
-    "@elementor/editor-elements": "3.35.0-450",
-    "@elementor/editor-props": "3.35.0-450",
-    "@elementor/editor-responsive": "3.35.0-450",
-    "@elementor/editor-ui": "3.35.0-450",
-    "@elementor/editor-v1-adapters": "3.35.0-450",
-    "@elementor/env": "3.35.0-450",
-    "@elementor/http-client": "3.35.0-450",
+    "@elementor/editor-current-user": "3.35.0-451",
+    "@elementor/editor-elements": "3.35.0-451",
+    "@elementor/editor-props": "3.35.0-451",
+    "@elementor/editor-responsive": "3.35.0-451",
+    "@elementor/editor-ui": "3.35.0-451",
+    "@elementor/editor-v1-adapters": "3.35.0-451",
+    "@elementor/env": "3.35.0-451",
+    "@elementor/http-client": "3.35.0-451",
     "@elementor/icons": "^1.63.0",
-    "@elementor/locations": "3.35.0-450",
-    "@elementor/mixpanel": "3.35.0-450",
-    "@elementor/query": "3.35.0-450",
-    "@elementor/session": "3.35.0-450",
+    "@elementor/locations": "3.35.0-451",
+    "@elementor/mixpanel": "3.35.0-451",
+    "@elementor/query": "3.35.0-451",
+    "@elementor/session": "3.35.0-451",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.35.0-450",
-    "@elementor/wp-media": "3.35.0-450",
+    "@elementor/utils": "3.35.0-451",
+    "@elementor/wp-media": "3.35.0-451",
     "@wordpress/i18n": "^5.13.0",
     "@monaco-editor/react": "^4.7.0",
     "dayjs": "^1.11.18",

package/src/components/inline-editor.tsx

@@ -47,7 +47,7 @@ type InlineEditorProps = {
 	elementId?: ElementID;
 };
 
-const INITIAL_STYLE = 'margin:0;padding:0;';
+const INLINE_EDITOR_RESET_CLASS = 'elementor-inline-editor-reset';
 
 const useOnUpdate = ( callback: () => void, dependencies: DependencyList ): void => {
 	const hasMounted = useRef( false );
@@ -181,6 +181,8 @@ export const InlineEditor = forwardRef(
 			setValue( isEmpty( newValue ) ? null : newValue );
 		};
 
+		const classes = `${ INLINE_EDITOR_RESET_CLASS } ${ elementClasses }`;
+
 		const editor = useEditor( {
 			extensions: [
 				Document.extend( {
@@ -189,24 +191,20 @@ export const InlineEditor = forwardRef(
 				Paragraph.extend( {
 					renderHTML( { HTMLAttributes } ) {
 						const tag = expectedTag ?? 'p';
-						return [ tag, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0 ];
+						return [ tag, { ...HTMLAttributes, class: classes }, 0 ];
 					},
 				} ),
 				Heading.extend( {
 					renderHTML( { node, HTMLAttributes } ) {
 						if ( expectedTag ) {
-							return [
-								expectedTag,
-								{ ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses },
-								0,
-							];
+							return [ expectedTag, { ...HTMLAttributes, class: classes }, 0 ];
 						}
 
 						const level = this.options.levels.includes( node.attrs.level )
 							? node.attrs.level
 							: this.options.levels[ 0 ];
 
-						return [ `h${ level }`, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0 ];
+						return [ `h${ level }`, { ...HTMLAttributes, class: classes }, 0 ];
 					},
 				} ).configure( {
 					levels: [ 1, 2, 3, 4, 5, 6 ],

package/src/controls/inline-editing-control.tsx

@@ -46,6 +46,10 @@ export const InlineEditingControl = createControl(
 							'& a': {
 								color: 'inherit',
 							},
+							'& .elementor-inline-editor-reset': {
+								margin: 0,
+								padding: 0,
+							},
 						},
 						'.strip-styles *': {
 							all: 'unset',