From 03bfa6ba7bc6a511fcb35a5335031314d5bc789a Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 11 Dec 2025 15:27:42 +0100
Subject: [PATCH] FIX changing the heading wrapper html tag from section to div

---
 plugins/carhop-blocks/src/heading/edit.js | 14 +++++++-------
 plugins/carhop-blocks/src/heading/save.js |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/plugins/carhop-blocks/src/heading/edit.js b/plugins/carhop-blocks/src/heading/edit.js
index 64ef0aa..979322c 100644
--- a/plugins/carhop-blocks/src/heading/edit.js
+++ b/plugins/carhop-blocks/src/heading/edit.js
@@ -34,7 +34,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
 					</ToggleGroupControl>
 				</PanelBody>
 			</InspectorControls>
-			<section
+			<div
 				{...useBlockProps({
 					className: `carhop-heading carhop-heading--hierarchy-${hierarchy}`,
 				})}
@@ -42,17 +42,17 @@ export default function Edit({ attributes, setAttributes, ...props }) {
 				<div className="carhop-heading__innerblocks">
 					<InnerBlocks
 						template={[
+							[
+								"core/heading",
+								{ placeholder: "Saisir le titre", content: "Titre" },
+							],
 							[
 								"core/paragraph",
 								{
 									placeholder: "Saisir le sous-titre supérieur",
-									content: "Sous-titre supérieur",
+									content: "Sous-titre",
 								},
 							],
-							[
-								"core/heading",
-								{ placeholder: "Saisir le titre", content: "Titre" },
-							],
 						]}
 						allowedBlocks={[
 							"core/heading",
@@ -61,7 +61,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
 						]}
 					/>
 				</div>
-			</section>
+			</div>
 		</>
 	);
 }
diff --git a/plugins/carhop-blocks/src/heading/save.js b/plugins/carhop-blocks/src/heading/save.js
index 6971a96..0b38bd4 100644
--- a/plugins/carhop-blocks/src/heading/save.js
+++ b/plugins/carhop-blocks/src/heading/save.js
@@ -3,7 +3,7 @@ import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
 export default function save({ attributes }) {
 	const { hierarchy } = attributes;
 	return (
-		<section
+		<div
 			{...useBlockProps.save({
 				className: `carhop-heading carhop-heading--hierarchy-${hierarchy}`,
 			})}
@@ -11,6 +11,6 @@ export default function save({ attributes }) {
 			<div className="carhop-heading__innerblocks">
 				<InnerBlocks.Content />
 			</div>
-		</section>
+		</div>
 	);
 }