auto spacer fix

src/blocks/card/editor.scss

@@ -65,7 +65,7 @@
 		}
 	}
 
-	&__content {
+	&-content {
 		padding: 15px;
 		position: relative;
 		flex: 1;

src/common/styles/editor.scss

@@ -38,3 +38,8 @@
 .has-primary-background-color {
 	background-color: var(--primary) !important;
 }
+
+.ctx-auto-spacer {
+	flex: 1;
+	height: auto !important;
+}

src/index.js

@@ -22,6 +22,7 @@ import * as inlineSvg from './blocks/svg';
 /**
  * Core Block modification dependencies.
  */
+
 import './mods/paragraphJustify';
 import './mods/scrollAnimation';
 import './mods/spacerAutoOption';

src/mods/listClass.js

@@ -0,0 +1,21 @@
+const { createHigherOrderComponent } = wp.compose;
+const { InspectorControls, URLInput } = wp.blockEditor;
+const { PanelBody, TextControl, RadioControl } = wp.components;
+const { addFilter } = wp.hooks;
+const { __ } = wp.i18n;
+
+const addListClass = (props, name) => {
+	if (name !== 'core/post-title') {
+		return props;
+	}
+
+	const attributes = {
+		...props.attributes,
+	};
+
+	attributes.className = 'core-block';
+
+	return { ...props, attributes };
+};
+
+addFilter('blocks.registerBlockType', 'ctx-blocks/list', addListClass);

src/mods/spacerAutoOption.js

@@ -38,7 +38,7 @@ const withAutoMarginControl = createHigherOrderComponent((BlockEdit) => {
 
 		const { attributes, setAttributes } = props;
 		const { autoMargin } = attributes;
-
+		console.log(attributes);
 		return (
 			<Fragment>
 				<BlockEdit {...props} />
@@ -49,12 +49,13 @@ const withAutoMarginControl = createHigherOrderComponent((BlockEdit) => {
 					>
 						<ToggleControl
 							label={__(
-								'Use as auto height control in a card',
+								'Use as auto height control in a flex container',
 								'ctx-blocks'
 							)}
 							checked={autoMargin}
 							onChange={(value) => {
 								setAttributes({ autoMargin: value });
+								setAttributes({ className: 'ctx-auto-spacer' });
 							}}
 						/>
 					</PanelBody>