HTML entities inside the new improved inlined CSS

[simkoG]

Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

When I turn on the new "Improved CSS Loading" feature the > characters whitin the generated inline CSS are replaced with > therefore the generated CSS is invalid.

For example:

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}
                                                                          ⬆

Steps to reproduce

1. Install clean Wordpress with Elementor (and Elementor Pro).
2. Activate Elementor (and Elementor Pro).
3. Go to Elementor > Settings > Experiments.
4. Set "Improved CSS Loading" to "Active".
5. Create a new Elementor page.
6. Add a "Header" element with some text and a <a href="#">Sample</a> tag inside of it.
7. Check the generated code and look for the sample mentioned above.

Isolating the problem

• This bug happens with only Elementor plugin active (and Elementor Pro).
• This bug happens with a default WordPress theme active.
• I can reproduce this bug consistently using the steps above.

Environment

https://pastebin.com/XKb4a6ut

[shilo-ey]

This issue has been resolved in Elementor v3.4.3

Feel free to update

Thanks!