ons-toolbar displays on top of ons-modal

[nokturnal]

In 1.1.1, the following causes the ons-toolbar to appear on top of the ons-modal:

<ons-page ng-controller="someController">
    <ons-modal var="myModal">
        <p>this is my modal: {{someScopeVar}}</p>
    </ons-modal>

    <ons-toolbar>
        <div class="left">
            <ons-back-button>Back</ons-back-button>
        </div>
        <div class="center">Some Toolbar Title</div>
    </ons-toolbar>

    <ons-row>
        <ons-col align="center">
            <div class="content-padded">
                some content
            </div>
        </ons-col>
    </ons-row>
</ons-page>

When ons-modal is rendered, it is placed inside a div.page__content which is absolutely positioned with 44px top padding hence giving the ellusion ons-toolbar is on top of the ons-modal, kind of defeating the purpose of a modal dialog :)

Cheers

[anatoo]

Hi @nokturnal,

Thank you for this reporting.
"ons-modal" should display itself on top of current "ons-page" and "ons-toolbar".
We will fix this problem.