parsley popup displaying 2 popup

I have a parsley popup that can create another popup.

The issue comes when I close the root popup, when I open the popup again and click on the child popup, it's actually opening 2 child popups.

Any idea why this thing happen?

I have already make the reuse='false' and the modal = 'true' for both root and child popup.

Root

    <parsley:PopUp open="{presenter.scenarioCreatePopup}" modal="true"  center="true" reuse="false" id="hem" >
        <views:ScenarioView width="100%" height="100%" id="scenarioView"/>
    </parsley:PopUp>
</fx:Declarations>

Child ( ScenarioView )

<fx:Declarations>

    <parsley:Configure />

    <parsley:PopUp open="{templatePresenter.showTemplatePopup}" modal="true" reuse="false" center="true">
        <views:TemplateView width="100%" height="100%" id="templateView"/>
    </parsley:PopUp>

    <parsley:PopUp open="{tpPresenter.portfolioCreatePopup}" modal="开发者_Python百科true" reuse="false" center="true">
        <views:PortfolioSetupTitleView id="portfolioSetupTitleView"/>
    </parsley:PopUp>

</fx:Declarations>

I believe that the problem here is that when you close your popup, you're not setting the open binded property to false. I think there's an inherit problem with the state of your system is in when opening again.

It's also probably not a good idea to have this kind of 'hiearchical' popups. It's bad UX to start with, and will make your popups go in an awry state. If anything, have all the popup declarations in your root and bind to their open property.