Error on SVG, PATH, FIGURE tags (plus deprication warning)

Resolved

(@tarotfellow)

So awesome – exactly what I needed. Thank you guys for this! I am having a problem on a few elements. I don’t use icons, only SVGs. I’m showing errors as shown for SVG, PATH, and FIGURES, as well as a depreciation warning that says: mb_convert_encoding(): Handling HTML entities via mbstring is deprecated; use htmlspecialchars, htmlentities, or mb_encode_numericentity/mb_decode_numericentity instead

Images don’t appear to want to load. Here’s the text:

DOMDocument::loadHTML(): Tag svg invalid in Entity, line: 2
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
DOMDocument->loadHTML()
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
AdvancedBlockControls\CssManager->prepareCss()
wp-includes/class-wp-hook.php:326
apply_filters('render_block')
wp-includes/class-wp-block.php:638
WP_Block->render()
wp-includes/blocks.php:2359
render_block()
wp-includes/blocks.php:2431
do_blocks()
wp-includes/class-wp-hook.php:326
apply_filters('widget_block_content')
wp-includes/widgets/class-wp-widget-block.php:77
WP_Widget_Block->widget()
wp-includes/class-wp-widget.php:394
WP_Widget->display_callback()
wp-includes/widgets.php:845
dynamic_sidebar('top-bar-right')
wp-content/themes/shoptimizer/inc/shoptimizer-template-functions.php:275
shoptimizer_top_bar()
wp-includes/class-wp-hook.php:324
do_action('shoptimizer_topbar')
wp-content/themes/shoptimizer/header.php:37
load_template('wp-content/themes/shoptimizer/header.php')
wp-includes/template.php:745
locate_template()
wp-includes/general-template.php:48
get_header()
wp-content/themes/shoptimizer/template-fullwidth-no-heading.php:10

DOMDocument::loadHTML(): Tag path invalid in Entity, line: 2	
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
DOMDocument->loadHTML()
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
AdvancedBlockControls\CssManager->prepareCss()
wp-includes/class-wp-hook.php:326
apply_filters('render_block')
wp-includes/class-wp-block.php:638
WP_Block->render()
wp-includes/blocks.php:2359
render_block()
wp-includes/blocks.php:2431
do_blocks()
wp-includes/class-wp-hook.php:326
apply_filters('widget_block_content')
wp-includes/widgets/class-wp-widget-block.php:77
WP_Widget_Block->widget()
wp-includes/class-wp-widget.php:394
WP_Widget->display_callback()
wp-includes/widgets.php:845
dynamic_sidebar('top-bar-right')
wp-content/themes/shoptimizer/inc/shoptimizer-template-functions.php:275
shoptimizer_top_bar()
wp-includes/class-wp-hook.php:324
do_action('shoptimizer_topbar')
wp-content/themes/shoptimizer/header.php:37
load_template('wp-content/themes/shoptimizer/header.php')
wp-includes/template.php:745
locate_template()
wp-includes/general-template.php:48
get_header()
wp-content/themes/shoptimizer/template-fullwidth-no-heading.php:10

DOMDocument::loadHTML(): Tag figure invalid in Entity, line: 2	
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
DOMDocument->loadHTML()
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
AdvancedBlockControls\CssManager->prepareCss()
wp-includes/class-wp-hook.php:326
apply_filters('render_block')
wp-includes/class-wp-block.php:638
WP_Block->render()
wp-includes/class-wp-block.php:566
WP_Block->render()
wp-includes/class-wp-block.php:566
WP_Block->render()
wp-includes/class-wp-block.php:566
WP_Block->render()
wp-includes/blocks.php:2359
render_block()
wp-includes/blocks.php:2431
do_blocks()
wp-includes/class-wp-hook.php:324
apply_filters('the_content')
wp-includes/post-template.php:256
the_content()
wp-content/themes/shoptimizer/inc/shoptimizer-template-functions.php:676
shoptimizer_page_content()
wp-includes/class-wp-hook.php:324
do_action('shoptimizer_page')
wp-content/themes/shoptimizer/content-page.php:18
load_template('wp-content/themes/shoptimizer/content-page.php')
wp-includes/template.php:745
locate_template()
wp-includes/general-template.php:206
get_template_part('content','page')
wp-content/themes/shoptimizer/template-fullwidth-no-heading.php:20

mb_convert_encoding(): Handling HTML entities via mbstring is deprecated; use htmlspecialchars, htmlentities, or mb_encode_numericentity/mb_decode_numericentity instead	
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->fallback_error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
WPForms\ErrorHandler->error_handler()
wp-content/plugins/wpforms-lite/src/ErrorHandler.php:271
mb_convert_encoding()
wp-content/plugins/advanced-block-controls/classes/CssManager.php:365
AdvancedBlockControls\CssManager->prepareCss()
wp-includes/class-wp-hook.php:326
apply_filters('render_block')
wp-includes/class-wp-block.php:638
WP_Block->render()
wp-includes/blocks.php:2359
render_block()
wp-includes/blocks.php:2431
do_blocks()
wp-includes/class-wp-hook.php:326
apply_filters('widget_block_content')
wp-includes/widgets/class-wp-widget-block.php:77
WP_Widget_Block->widget()
wp-includes/class-wp-widget.php:394
WP_Widget->display_callback()
wp-includes/widgets.php:845
dynamic_sidebar('top-bar-right')
wp-content/themes/shoptimizer/inc/shoptimizer-template-functions.php:275
shoptimizer_top_bar()
wp-includes/class-wp-hook.php:324
do_action('shoptimizer_topbar')
wp-content/themes/shoptimizer/header.php:37
load_template('wp-content/themes/shoptimizer/header.php')
wp-includes/template.php:745
locate_template()
wp-includes/general-template.php:48
get_header()
wp-content/themes/shoptimizer/template-fullwidth-no-heading.php:10

This topic was modified 9 months, 2 weeks ago by tarotfellow.

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Contributor

Abder Dara

(@wptalis)

9 months, 2 weeks ago

Hi @tarotfellow,

Thanks for your kind words — we really appreciate it!

Regarding the issues you mentioned, it seems like they’re happening on the front end. To help us debug this further, could you please provide a bit more detail?

Which block is being used for the SVGs and images?
Is it some core WordPress block or some custom block?

If it’s a custom block, it would be super helpful if you could share:

The block’s frontend markup (HTML output)
Any block targeting settings you’ve configured in ABC (if applicable)

That’ll allow us to better understand what’s going on and help get this resolved as quickly as possible.

Thanks again, and looking forward to your reply!

Abder Dara
Founder & Lead Developer

Thread Starter

tarotfellow

(@tarotfellow)

9 months, 2 weeks ago

Thank you! I only use core blocks (one of the reasons I appreciate you guys so much – you didn’t add any!). I have two places I use SVGs. In a widget, and in the page itself. Both report issues with the CssManager:

Widget:

<!-- wp:social-links {"customIconBackgroundColor":"#7aa93c","iconBackgroundColorValue":"#7aa93c","openInNewTab":true,"abcon_controls_data":"{\u0022screens\u0022:{\u0022Desktop\u0022:{\u0022spacing_1\u0022:{\u0022controlId\u0022:\u0022132\u0022,\u0022data\u0022:{\u0022marginTopUnit\u0022:\u0022px\u0022,\u0022marginTop\u0022:\u00220\u0022,\u0022marginRightUnit\u0022:\u0022px\u0022,\u0022marginRight\u0022:\u00220\u0022,\u0022marginBottomUnit\u0022:\u0022px\u0022,\u0022marginBottom\u0022:\u00220\u0022,\u0022marginLeftUnit\u0022:\u0022px\u0022,\u0022marginLeft\u0022:\u00220\u0022,\u0022paddingTopUnit\u0022:\u0022px\u0022,\u0022paddingTop\u0022:\u00220\u0022,\u0022paddingRightUnit\u0022:\u0022px\u0022,\u0022paddingRight\u0022:\u00220\u0022,\u0022paddingBottomUnit\u0022:\u0022px\u0022,\u0022paddingBottom\u0022:\u00220\u0022,\u0022paddingLeftUnit\u0022:\u0022px\u0022,\u0022paddingLeft\u0022:\u00220\u0022},\u0022css\u0022:\u0022%%selector%%{margin:0%%important%%;padding:0%%important%%;}\u0022}}},\u0022id\u0022:\u0022194amir\u0022}","className":"is-style-default top-social","style":{"border":{"width":"0px","style":"none"}},"layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links has-icon-background-color is-style-default top-social" style="border-style:none;border-width:0px"><!-- wp:social-link {"url":"https://www.youtube.com/","service":"youtube","label":"YouTube"} /-->

<!-- wp:social-link {"url":"https://www.tiktok.com/","service":"tiktok"} /-->

<!-- wp:social-link {"url":"https://www.instagram.com/","service":"instagram"} /-->

<!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://x.com/","service":"x"} /--></ul>
<!-- /wp:social-links -->

Page (in a set of columns):

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<div class="wp-block-columns" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"abcon_controls_data":"{\u0022screens\u0022:{\u0022Desktop\u0022:{\u0022box_shadow_7\u0022:{\u0022controlId\u0022:\u00227\u0022,\u0022data\u0022:{\u0022shadow1X\u0022:\u00220\u0022,\u0022shadow1Y\u0022:\u00225\u0022,\u0022shadow1Blur\u0022:\u002220\u0022,\u0022shadow1Spread\u0022:\u00222\u0022,\u0022shadow1Color\u0022:\u0022rgba(0,0,0,0.25)\u0022},\u0022css\u0022:\u0022%%selector%%{box-shadow:0 5px 20px 2px rgba(0,0,0,.25)%%important%%;}\u0022},\u0022typography_9\u0022:{\u0022controlId\u0022:\u00229\u0022,\u0022data\u0022:{\u0022textAlign\u0022:\u0022center\u0022},\u0022css\u0022:\u0022%%selector%%{text-align:center%%important%%;}\u0022}}},\u0022id\u0022:\u0022gqn11r\u0022}","style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}},"border":{"radius":"8px"}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:html -->
<div style="text-align:center; margin-bottom:0px;">
<svg style="height:36px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" />
</svg></div>
<!-- /wp:html -->
<!-- /wp:column --></div>
<!-- /wp:columns --></div>

Plugin Contributor

Abder Dara

(@wptalis)

9 months, 1 week ago

Hi @tarotfellow,

We’ve tried to replicate the issue using the block content you shared, both on a page and within a widget. We applied styles to the icons, and everything rendered correctly on the front end without any warnings. Images also appeared without any issues.

To help us dig deeper, could you kindly provide the following details:

PHP version you’re using
WordPress version
The theme you’re using
A list of any other plugins you have installed, especially those that may modify block content

This information will help us reproduce the environment more accurately and get to the bottom of it.

Thanks again for bearing with us, we’re committed to getting this sorted for you.

Best regards,
Abder Dara
Founder & Lead Developer

Thread Starter

tarotfellow

(@tarotfellow)

9 months, 1 week ago

So sorry -> the error is visible not on the front end, but with Query Monitor (and as a warning in the php logs).

PHP 8.2, Shoptimizer Theme (although it happens in 2025 too).

It is a strange stack. I do have WP Forms installed (and it seems like it’s catching the error the CssManager class is throwing, I don’t know why. But maybe it’s the thing actually logging the issue).

Nothing else modifies block content. Designed using a pretty OOTB implementation.

Plugin Contributor

Abder Dara

(@wptalis)

9 months, 1 week ago

Thanks for the clarification, @tarotfellow We’ve identified the issue and will be releasing a fix within 5 days. While it doesn’t impact style rendering, it’s still something that needs to be resolved.

We appreciate your patience.

Kind Regards

Thread Starter

tarotfellow

(@tarotfellow)

9 months, 1 week ago

Fantastic. Thank you for the awesome support.

Plugin Contributor

Abder Dara

(@wptalis)

9 months, 1 week ago

@tarotfellow

As we promised, we have just released version 1.9.1, which was particularly focused on fixing the warnings you reported. We’ve incorporated a more advanced parser that now handles SVG and other uncommon HTML tags correctly.

We also encourage you to take a look at our roadmap to see the exciting features we’re working on, your feedback plays a big role in shaping what comes next!

Thank you again for bringing this to our attention. If you run into anything else or have suggestions, we’re always happy to hear from you.

Best regards,
Abder Dara
Founder & Lead Developer

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Error on SVG, PATH, FIGURE tags (plus deprication warning)’ is closed to new replies.