ui-view remains empty when used within pageslide element

[angel1st]

Hi there,
When I tried to switch to pageslide directive, I lost ui-view content from https://github.com/angular-ui/ui-router
Here is what I did:
My origin code snippet:

<div class="row">
    <div class="col-lg-3">
        <div ui-view="contacts" class="row"></div>
    </div>
    <div class="col-lg-6">
        <div ui-view="calls" class="row"></div>
    </div>

    <div class="col-lg-3 messaging">
        <div ui-view="messaging" class="row"></div>
    </div>
</div>

here all works just fine - after page rendering, all three ui-views have been injected with expected data.
So I decided to put the right ui-view - messaging into pageslide directive. I just amended the code:

<div class="row">
    <div class="col-lg-3">
        <div ui-view="contacts" class="row"></div>
    </div>
    <div class="col-lg-6">
        <div ui-view="calls" class="row"></div>
    </div>

    <pageslide ps-open="chatOpened">
        <div ui-view="messaging"></div>
    </pageslide>
</div>

and expected to see the messaging panel on the right. However when switch on the panel (chatOpened is true), I have completely empty panel. Inspecting ui-view within pageslide showed that the content has not been injected into the view - that explains why I see nothing, but it is not clear to me why the content has not been injected...
How to make it work?

Best Regards,
Angel

[KarelCemus]

+1 for this

@angel1st Have you figured out any workaround?

[xmarwin]

Hello.
I had the same issue and luckily found a workaround, that works for me.
Try this:

<div class="row" id="myId">
    <div class="col-lg-3">
        <div ui-view="contacts" class="row"></div>
    </div>
    <div class="col-lg-6">
        <div ui-view="calls" class="row"></div>
    </div>

    <pageslide ps-open="chatOpened" ps-container="myId">
        <div ui-view="messaging"></div>
    </pageslide>
</div>