Fixed Highlight Frame Instead of Wrapper One

[milimoOnFire]

Hello Dear @artf
I'm workin on a Layout Builder for React ant design based with amazing grapesjs.

There is an issue with react based on MUI example you made in codesandbox and when we have all that wrappers with components Causes functionality and style failure for example when a component has a HOC based Children props control(ex : Tabs Api ant-design) in parent component, in such use cases or some style relations for emample Grid Components are getting broken.

I've thought makeing those highlight frames with fix position and computed dementions (based on selected components), and append attributes to the innermost element inside the component, where the child element is supposed to be(instead of a span inside that). do you think it is possible with plugins, where should I start to dig and implement,(I am studied docs and a few from codebase but I geuss it would be amazing to know what is your suggestion about best way to implement this).

And there is anouther issue seems more complicated in react its possible to pass functions object and ... as props but at the grapesjs I dont know how to pass those as a trait or attribute, I am thinking about a global provider to translate string base attribute from traits to child comp props but it will work in best just with serializable types and propbably some changes to the ant-design components is needed (big trouble on major updates). so It would be amazing to know about you suggestion about this problem and love to hear about your way of implemetation.

Thank you.