Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Window's modal mask does not respect ConstrainToElement #1190

Open
DaniilVeriga opened this issue Dec 19, 2015 · 9 comments
Open

Window's modal mask does not respect ConstrainToElement #1190

DaniilVeriga opened this issue Dec 19, 2015 · 9 comments
Labels
3.x 4.x defect review-after-extjs-upgrade sencha

Comments

@DaniilVeriga
Copy link

DaniilVeriga commented Dec 19, 2015 •
edited by fabriciomurta

http://forums.ext.net/showthread.php?60403

Sencha thread: Modal window does not limit mask to its constrainTo element
Update: Still same behavior in 6.0.1.
@DaniilVeriga DaniilVeriga mentioned this issue Dec 29, 2015
Open
@fabriciomurta
Copy link
Contributor

fabriciomurta commented Apr 23, 2016 •
edited

This is an all-in-one test case.

  • first button shows window with complained issue
  • second button shows window with suggested workaround
<%@ Page Language="C#" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title></title>
</head>
<body>
    <ext:ResourceManager Theme="Crisp" runat="server" />
    <ext:Viewport Layout="BorderLayout" runat="server">
        <Items>
            <ext:Panel Title="North" Html="North Content" Height="200" Region="North" runat="server" />
            <ext:TabPanel Title="Tab Panel" Region="Center" runat="server">
                <Items>
                    <ext:Panel ID="_pnl001" Title="Tab 001" Html="Tab Content" runat="server">
                        <TopBar>
                            <ext:Toolbar runat="server">
                                <Items>
                                    <ext:Button Text="Show Window with bug" runat="server">
                                        <Listeners>
                                            <Click Handler="#{_wdn}.show()" />
                                        </Listeners>
                                    </ext:Button>
                                    <ext:Button Text="Show Window rendered inside" runat="server">
                                        <Listeners>
                                            <Click Handler="#{_wdnNoCtrainTo}.show()" />
                                        </Listeners>
                                    </ext:Button>
                                    <ext:Button Text="Show Window with workaround" runat="server">
                                        <Listeners>
                                            <Click Handler="#{_wdnFixed}.show()" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                        <Items>
                            <ext:Window ID="_wdnNoCtrainTo" Title="Window" Html="Content" Modal="true" Constrain="true" Hidden="true" runat="server" />
                        </Items>
                        <Bin>
                            <ext:Window ID="_wdn" Title="Window" Html="Content" Modal="true" Constrain="true" ConstrainToElement="_pnl001" Hidden="true" runat="server" />
                            <ext:Window ID="_wdnFixed" Title="Window" Html="Content" Constrain="true" ConstrainToElement="_pnl001" Hidden="true" runat="server">
                                <Listeners>
                                    <Show Handler="#{_pnl001}.mask();" />
                                    <Hide Handler="#{_pnl001}.unmask();" />
                                </Listeners>
                            </ext:Window>
                        </Bin>
                    </ext:Panel>
                </Items>
            </ext:TabPanel>
        </Items>
    </ext:Viewport>
</body>
</html>

Issue still reproducible after ExtJS 6.0.2 release.

@fabriciomurta
Copy link
Contributor

fabriciomurta commented Apr 23, 2016 •
edited

Written this sencha fiddle to reproduce in ExtJS: Modal window with constrainTo does not properly mask. Also created sencha thread and linked in the first message of this issue!

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.2.1 release.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.5.0 release.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.5.1 release. Issue is acknowledged by Sencha under ID EXTJS-21531.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.5.2 release. Issue is acknowledged by Sencha under ID EXTJS-21531.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.5.3 release. Issue is acknowledged by Sencha under ID EXTJS-21531.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.6.0.258 release. Issue is acknowledged by Sencha under ID EXTJS-21531.

@fabriciomurta
Copy link
Contributor

Update: Issue still open after ExtJS 6.7.0.161 release. Issue is acknowledged by Sencha under ID EXTJS-21531.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
3.x 4.x defect review-after-extjs-upgrade sencha
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@DaniilVeriga @fabriciomurta