Divi integration breaks certain Divi module(s) in the Divi visual builder

[jonmarkhall]

The add_et_tag() function in this plugin's Divi integration prevents loading of various scripts in the Divi visual builder by adding the et_fb_ignore_iframe class to their script tags:

seo-by-rank-math/includes/3rdparty/divi/class-divi.php

Line 280 in 657ebb1

return '<script type="text/javascript" src="' . $src . '" class="et_fb_ignore_iframe"></script>' . "\n"; // phpcs:ignore

This breaks some Divi module(s) that depend on these scripts being loaded in the visual builder. Notably, Divi modules that rely on the WordPress script i18n API for translation functions (provided by the wp-i18n script) may crash without this script; however, there are probably also other problems caused by preventing core JavaScript files from loading in the visual builder.

[divibooster]

Thanks for sharing this @jonmarkhall - it was very helpful. I encountered the same issue on one of my modules which relies on wp-i18n. I was able to work around it by capturing the tag prior to Rankmath's modification and restoring it again afterwards, with this code:

class PreventTagModification {

    private $tag;
    private $handle;

    public function __construct($handle) {
        $this->handle = $handle;
    }

    public function init() {
        add_filter('script_loader_tag', array($this, 'before_modification'), 9, 3);
        add_filter('script_loader_tag', array($this, 'after_modification'), 11, 3);
    }

    public function before_modification($tag, $handle, $src) {
        if ($handle === $this->handle) {
            $this->tag = $tag;
        }
        return $tag;
    }

    public function after_modification($tag, $handle, $src) {
        if ($handle === $this->handle) {
            return $this->tag;
        }
        return $tag;
    }
}

$preventTagModification = new PreventTagModification('wp-i18n');
$preventTagModification->init();

It would be nicer, though, if Rankmath either adds 'wp-i18n' to the excluded handles in add_et_tag(), or adds a filter to the exclusions list so that we can add our own.