Add the possibility to add classes to the top parent html wrapper of the components

[ktryndchrs]

So we can for exemple – Have sticky nav – This layout: https://jmp.sh/IgBvuja – etc.

💁‍♀️ This can be done be either @shawninder or @philipdokic

Attachment 1/3 : Here is a video of the issue

https://user-images.githubusercontent.com/416462/136582946-87ff0a64-0c59-407c-a0ad-e77d00b732d8.mp4

Attachment 2/3 : What we want to achieve here:

Attachment 3/3 : Ideally, we would avoid these two level nested divs

[shawninder]

Looks like a z-index issue, probably complicated by weird stacking contexts

[ktryndchrs]

Exactly, the z index need to be placed on the root div of the component in the page, but I don't know how to do this 🤷‍♀️

It would be also useful to be able to add custom classes to the root div, so we could (as exemple) also add a sticky property to make the nav stay there when we scroll.

[ktryndchrs]

After a second thought, it would be great to have a way to add classes to the root wrapper directly from the CMS

[miherb]

@ktryndchrs Is it the same issue that we see with the Footer?

In panel:

In production:

[ktryndchrs]

Ce problème d'espace blanc en dessous du footer ne semble être qu'en prod @miherb cc:@shawninder