[SalesForce] Open full width modal from Utility Bar

I implemented a SLDS modal component.

If activated from within a e.g. FlexiPage, all is working well.

When opened within the utility bar using the very same component, the modal is restricted to the lower left area.

Opening modal located on FlexiPage vs opening modal from utility bar

Without using an additional (hidden) component on the FlexiPage, how can I open a full width modal from the utility bar?

Edit: You can find all code here, the basic setup of the component used on FlexiPage and UtilityBar is:

<!-- myComp -->

Best Answer

Since Winter 18 this is now effortlessly possible using <lightning:overlayLibrary/>

Related Topic