Block: Web components' `class` gets incorrectly transformed to `classname`

[arjendejong12]

I'm using the following web component in my view: <iconify-icon icon="<?php echo $icon; ?>" class="<?php echo $icon_classes; ?>"></iconify-icon> In the Gutenberg editor, this gets incorrectly transformed to:

The classes are not applied to the web component. Is this something that can be fixed in the plugin? Thanks!

[arjendejong12]

Fixed this by using the acf_blocks_parse_node_attr JS filter:

acf.addFilter("acf_blocks_parse_node_attr", function (shortcut, nodeAttr) {
  if (nodeAttr.name === "class" && nodeAttr.value.indexOf("iconify") !== -1) {
    return {
      name: nodeAttr.name,
      value: nodeAttr.value,
    };
  }

  return shortcut;
});