fixing focus problem on chapterindex

blocks/focused-schema/build/style-index.css

@@ -21,6 +21,7 @@
   padding-left: 50px;
 }
 .homegrade-blocks-focused-schema figcaption ol li:before {
+  content: "";
   left: 0;
   top: 0;
   transform: translateY(3px);

blocks/focused-schema/build/style-index.css.map

@@ -1 +1 @@
-{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAQC;EACC;AADF;AAIE;EACC;EACA;AAFH;AAIG;EACC;EACA;EACA;EACA;AAFJ;AAIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ,C;;;;ACpCA;;;;;EAAA;AAMA;EACC;EACA;AACD;;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIC;EACC;EACA;AAFF;;AAMA;EACC;EACA;AAHD,C","sources":["webpack://multiblocks/./src/style.scss","webpack://multiblocks/./src/focus-point/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.homegrade-blocks-focused-schema {\n\tfigure {\n\t\tposition: relative;\n\t}\n\tfigcaption {\n\t\tol {\n\t\t\tpadding-top: 20px;\n\t\t\tcounter-reset: myOrderedListItemsCounter;\n\n\t\t\tli {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 8px;\n\t\t\t\tpadding-left: 50px;\n\t\t\t}\n\t\t\tli:before {\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t\ttransform: translateY(3px);\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: red;\n\t\t\t\tcolor: white;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tcounter-increment: myOrderedListItemsCounter;\n\t\t\t\tcontent: counter(myOrderedListItemsCounter);\n\t\t\t\tmargin-right: 0.5em;\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n.homegrade-blocks-focus-point-bullet:hover {\n\tscale: 1.2;\n\tfilter: brightness(1.2) hue-rotate(10deg);\n}\n\n.homegrade-blocks-focus-point-bullet {\n\t&__index {\n\t\tborder-radius: 50%;\n\t\tfont-weight: 700;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tposition: absolute !important;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tposition: relative;\n\t\tcolor: white;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tpadding: 16px;\n\t\ttransition: scale 0.2s ease-in-out;\n\t\tz-index: 1;\n\t\t// display: none;\n\t}\n}\n.focus-point-popup-container {\n\tbackground-color: white;\n\topacity: 0.9999;\n\tborder-radius: 14px;\n\tpadding: 10px;\n\ttransform: translate(-34%, -110%);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tmax-width: 400px;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n\t// z-index: 99;\n\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tbackground-color: white;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\twidth: 10px;\n\t\theight: 10px;\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\n\t\tbox-shadow: 4px 4px 4px rgba(0, 0, 0, 0.04);\n\t}\n\t&__title {\n\t\twidth: auto;\n\t\tmin-width: 100px;\n\t}\n}\n\n.focus-point-title {\n\tfont-weight: bold;\n\tmargin-right: 6px;\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAQC;EACC;AADF;AAIE;EACC;EACA;AAFH;AAIG;EACC;EACA;EACA;EACA;AAFJ;AAIG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ,C;;;;ACrCA;;;;;EAAA;AAMA;EACC;EACA;AACD;;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIC;EACC;EACA;AAFF;;AAMA;EACC;EACA;AAHD,C","sources":["webpack://multiblocks/./src/style.scss","webpack://multiblocks/./src/focus-point/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.homegrade-blocks-focused-schema {\n\tfigure {\n\t\tposition: relative;\n\t}\n\tfigcaption {\n\t\tol {\n\t\t\tpadding-top: 20px;\n\t\t\tcounter-reset: myOrderedListItemsCounter;\n\n\t\t\tli {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 8px;\n\t\t\t\tpadding-left: 50px;\n\t\t\t}\n\t\t\tli:before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t\ttransform: translateY(3px);\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground-color: red;\n\t\t\t\tcolor: white;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tcounter-increment: myOrderedListItemsCounter;\n\t\t\t\tcontent: counter(myOrderedListItemsCounter);\n\t\t\t\tmargin-right: 0.5em;\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n.homegrade-blocks-focus-point-bullet:hover {\n\tscale: 1.2;\n\tfilter: brightness(1.2) hue-rotate(10deg);\n}\n\n.homegrade-blocks-focus-point-bullet {\n\t&__index {\n\t\tborder-radius: 50%;\n\t\tfont-weight: 700;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tposition: absolute !important;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tposition: relative;\n\t\tcolor: white;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tpadding: 16px;\n\t\ttransition: scale 0.2s ease-in-out;\n\t\tz-index: 1;\n\t\t// display: none;\n\t}\n}\n.focus-point-popup-container {\n\tbackground-color: white;\n\topacity: 0.9999;\n\tborder-radius: 14px;\n\tpadding: 10px;\n\ttransform: translate(-34%, -110%);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tmax-width: 400px;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n\t// z-index: 99;\n\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tbackground-color: white;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\twidth: 10px;\n\t\theight: 10px;\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\n\t\tbox-shadow: 4px 4px 4px rgba(0, 0, 0, 0.04);\n\t}\n\t&__title {\n\t\twidth: auto;\n\t\tmin-width: 100px;\n\t}\n}\n\n.focus-point-title {\n\tfont-weight: bold;\n\tmargin-right: 6px;\n}\n"],"names":[],"sourceRoot":""}

blocks/focused-schema/src/style.scss

@@ -21,6 +21,7 @@
 				padding-left: 50px;
 			}
 			li:before {
+				content: "";
 				left: 0;
 				top: 0;
 				transform: translateY(3px);

blocks/plus-loin/build/block.json

@@ -7,7 +7,8 @@
   "category": "homegrade-blocks",
   "description": "Bloc pour mettre en avant des informations pour aller plus loin",
   "supports": {
-    "html": false
+    "html": false,
+    "multiple": false
   },
   "textdomain": "homegrade-blocks",
   "editorScript": "file:./index.js",

blocks/plus-loin/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'fe952a286855e36858c7');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'b0b53a6fd3aa0f022ae5');

blocks/plus-loin/build/index.js

@@ -197,6 +197,7 @@ function Edit({
   setAttributes
 }) {
   return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
+    id: "aller-plus-loin",
     ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.useBlockProps)({
       className: `homegrade-blocks-plus-loin`
     })
@@ -271,6 +272,7 @@ function save({
   setAttributes
 }) {
   return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
+    id: "aller-plus-loin",
     ..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
       className: `homegrade-blocks-plus-loin`
     })
@@ -371,7 +373,7 @@ module.exports = window["wp"]["i18n"];
   \************************/
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/plus-loin","version":"0.1.0","title":"Plus loin","category":"homegrade-blocks","description":"Bloc pour mettre en avant des informations pour aller plus loin","supports":{"html":false},"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{}}');
+module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/plus-loin","version":"0.1.0","title":"Plus loin","category":"homegrade-blocks","description":"Bloc pour mettre en avant des informations pour aller plus loin","supports":{"html":false,"multiple":false},"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{}}');
 
 /***/ })
 

blocks/plus-loin/src/block.json

@@ -7,7 +7,8 @@
 	"category": "homegrade-blocks",
 	"description": "Bloc pour mettre en avant des informations pour aller plus loin",
 	"supports": {
-		"html": false
+		"html": false,
+		"multiple": false
 	},
 	"textdomain": "homegrade-blocks",
 	"editorScript": "file:./index.js",

blocks/plus-loin/src/edit.js

@@ -17,7 +17,10 @@ import { ToolbarButton, ToggleControl, PanelBody } from "@wordpress/components";
 export default function Edit({ attributes, setAttributes }) {
 	return (
 		<>
-			<section {...useBlockProps({ className: `homegrade-blocks-plus-loin` })}>
+			<section
+				id="aller-plus-loin"
+				{...useBlockProps({ className: `homegrade-blocks-plus-loin` })}
+			>
 				<h2 className="homegrade-blocks-plus-loin__block-title">
 					{__("Pour aller plus loin", "homegrade-blocks__texte-fonctionnel")}
 				</h2>

blocks/plus-loin/src/save.js

@@ -4,6 +4,7 @@ import { __ } from "@wordpress/i18n";
 export default function save({ attributes, setAttributes }) {
 	return (
 		<section
+			id="aller-plus-loin"
 			{...useBlockProps.save({
 				className: `homegrade-blocks-plus-loin`,
 			})}

blocks/questions-container/build/render.php

@@ -5,6 +5,6 @@ $relatedPost = get_post($relatedPostId);
 
 
 <section id="questions-container-<?php echo $relatedPostId  ?>" class="questions-container-block">
-	<h2 class="questions-container-block__title" tabindex="-1"><?php echo $relatedPost->post_title ?></h2>
+	<h2 class="questions-container-block__title"><?php echo $relatedPost->post_title ?></h2>
 	<?php echo $relatedPost->post_content ?>
 </section>

blocks/questions-container/src/render.php

@@ -5,6 +5,6 @@ $relatedPost = get_post($relatedPostId);
 
 
 <section id="questions-container-<?php echo $relatedPostId  ?>" class="questions-container-block">
-	<h2 class="questions-container-block__title" tabindex="-1"><?php echo $relatedPost->post_title ?></h2>
+	<h2 class="questions-container-block__title"><?php echo $relatedPost->post_title ?></h2>
 	<?php echo $relatedPost->post_content ?>
 </section>

blocks/vocabulaire-summary/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'e49486412a0cfc6ccbf9');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'ba8f00e47dc94991ab84');

blocks/vocabulaire-summary/build/index.js

@@ -175,7 +175,7 @@ function Edit({
     ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps)({
       className: `homegrade-blocks-vocabulaire-summary`
     })
-  }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", {
+  }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", {
     className: "homegrade-blocks-vocabulaire-summary__title"
   }, "Vocabulaire \u2014", " ", currentThematique && currentThematique.name ? currentThematique.name : "{...pas de thématique}"), tooltipWords && tooltipWords.map(elem => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
     className: "question"

blocks/vocabulaire-summary/build/render.php

@@ -5,9 +5,9 @@ $thematique = get_the_terms($post->ID, 'thematiques')[0];
 ?>
 
 <section id="vocabulaire-summary" class="homegrade-blocks-vocabulaire-summary">
-	<h3 className="homegrade-blocks-vocabulaire-summary__title">
+	<h2 className="homegrade-blocks-vocabulaire-summary__title">
 		Vocabulaire <?php echo $thematique->name ? " — " . $thematique->name : ""; ?>
-	</h3>
+	</h2>
 
 	<?php foreach ($tooltipWords as $word) : ?>
 		<details class="question">

blocks/vocabulaire-summary/src/edit.js

@@ -149,12 +149,12 @@ export default function Edit({ attributes, setAttributes }) {
 				className: `homegrade-blocks-vocabulaire-summary`,
 			})}
 		>
-			<h3 className="homegrade-blocks-vocabulaire-summary__title">
+			<h2 className="homegrade-blocks-vocabulaire-summary__title">
 				Vocabulaire —{" "}
 				{currentThematique && currentThematique.name
 					? currentThematique.name
 					: "{...pas de thématique}"}
-			</h3>
+			</h2>
 			{tooltipWords &&
 				tooltipWords.map((elem) => (
 					<details className="question">

blocks/vocabulaire-summary/src/render.php

@@ -5,9 +5,9 @@ $thematique = get_the_terms($post->ID, 'thematiques')[0];
 ?>
 
 <section id="vocabulaire-summary" class="homegrade-blocks-vocabulaire-summary">
-	<h3 className="homegrade-blocks-vocabulaire-summary__title">
+	<h2 className="homegrade-blocks-vocabulaire-summary__title">
 		Vocabulaire <?php echo $thematique->name ? " — " . $thematique->name : ""; ?>
-	</h3>
+	</h2>
 
 	<?php foreach ($tooltipWords as $word) : ?>
 		<details class="question">