Wrap all images in figure

joomla · May 6, 2022 · 5efd8d4 · 5efd8d4
1 parent 25c9f0c
commit 5efd8d4
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/build/media_source/system/js/fields/joomla-media-select.w-c.es6.js b/build/media_source/system/js/fields/joomla-media-select.w-c.es6.js
@@ -162,7 +162,7 @@ const insertAsImage = async (media, editor, fieldClass) => {
         alt = attribs.getAttribute('alt-value') ? ` alt="${attribs.getAttribute('alt-value')}"` : appendAlt;
         classes = attribs.getAttribute('img-classes') ? ` class="${attribs.getAttribute('img-classes')}"` : '';
         figClasses = attribs.getAttribute('fig-classes') ? ` class="image ${attribs.getAttribute('fig-classes')}"` : ' class="image"';
-        figCaption = attribs.getAttribute('fig-caption') ? `${attribs.getAttribute('fig-caption')}` : '';
+        figCaption = attribs.getAttribute('fig-caption') ? `<figcaption>${attribs.getAttribute('fig-caption')}</figcaption>` : '';
         if (attribs.getAttribute('is-lazy') === 'true') {
           isLazy = ` loading="lazy" width="${Joomla.selectedMediaFile.width}" height="${Joomla.selectedMediaFile.height}"`;
           if (Joomla.selectedMediaFile.width === 0 || Joomla.selectedMediaFile.height === 0) {
@@ -176,11 +176,9 @@ const insertAsImage = async (media, editor, fieldClass) => {
         }
       }
 
-      if (figCaption) {
-        imageElement = `<figure${figClasses}><img src="${Joomla.selectedMediaFile.url}"${classes}${isLazy}${alt} data-path="${Joomla.selectedMediaFile.path}"/><figcaption>${figCaption}</figcaption></figure>`;
-      } else {
-        imageElement = `<img src="${Joomla.selectedMediaFile.url}"${classes}${isLazy}${alt} data-path="${Joomla.selectedMediaFile.path}"/>`;
-      }
+
+    imageElement = `<figure${figClasses}><img src="${Joomla.selectedMediaFile.url}"${classes}${isLazy}${alt} data-path="${Joomla.selectedMediaFile.path}"/>${figCaption}</figure>`;
+
 
       if (attribs) {
         attribs.parentNode.removeChild(attribs);