I was following a thread on the topic before and implemented a copy of the shared editor. Everything is working fine on that but when I tried to implement this into another app I am having an issue. For some reason when the CSS change element over time causes all the other elements on the page to disappear.
I tried playing around with it and it seems to be the CSS tools that is causing the issue, because when I remove the event from the workflows, the other elements on page remain visible.
I created a custom event to run the CSStools.
After that I triggered the event on the click of a group and on page load.
After spotting the issue I began to play around with things and stopped running the custom event on page load and the other page elements loaded and remained visible.
So I continued to look into what could be the problem and ran the CSStools on page load again. It seems the other page elements are loading but then getting deleted from the page. I can see them getting “deleted” from the page because I have the floating group set to width 100% and it will expand to fit the width of the page after the other page elements are “deleted”.
This is the html I put onto the group that is getting “deleted”.
I have also tried putting the html element into different locations on the page and inside different groups but that doesn’t make a difference either.
I just played around and found that the issue was in the setting of width being 100%…it seems that the width was trying to set to 100% of the page and therefore it bounced the other elements off.
I ended up just putting the width to a set px size equal to the floating groups size as an open menu