AIOSEO conflict with Ninja Forms

It seems that AIOSEO is causing a conflict with Ninja Forms.

I’m using a Ninja Forms shortcode in WPBakery with nothing else on the page (except theme elements on the front end). Ninja Forms uses an ID like “nf-form-4-cont” for it’s html container. When AIOSEO is activated, this ID is changed to include _1, resulting in an ID like “nf-forms-4_1-cont”.

Support at Ninja Forms confirm this is breaking the javascript that Ninja Forms uses as it cannot find the container.

Incidentally, I deactivated and reactivated AIOSEO a bunch of times to test the impact it was causing in that page and it seem that CSS was affected too. AIOSEO is changing the loading order of CSS used by Ninja Forms and Custom CSS I wrote in WPBAkery’s Page Settings for that page. Luckily, I wrote my CSS when AIOSEO was active and so I can see that AIOSEO is causing the Ninja Form’s CSS to load earlier than than WPBakery’s Custom CSS and when AIOSEO is deactivated, it’s the other way around. Maybe its linked to the other problem, but I could write my CSS around this so its not much of a problem on its own.

AIOSEO is really useful, but the functionality of my form is more important, I’ve had to deactivate AIOSEO until a fix can be found (so the html of the page right now is not using _1).

Can anyone help me understand what’s happening here or how I can make things better? I can provide further details if needed.

Many thanks

The page I need help with: [log in to see the link]