Details
-
Type:
Bug
-
Status: Open
-
Priority:
Major
-
Resolution: Unresolved
-
Affects Version/s: 4.3
-
Fix Version/s: None
-
Component/s: ACE-Components
-
Labels:None
-
Environment:JBoss EAP 7.1.5, Chrome, IE 11, Edge
-
Workaround Exists:Yes
-
Workaround Description:Don't use two <h:form> tags on a single page.
Description
The bug occurs if a page with a modal <ace:dialog> contains another (second) <h:form>. Navigating to another page from that opened <ace:dialog> causes the overlay to partially (invisibly) stay preventing most kinds of iterations with the second navigated page.
Reproduction:
* Create the page first.xhtml
* with (e.g. empty) <h:form>
* with modal dialog inside a second <h:form>
* the dialog contains a button, that navigates to second.xhtml
* Create the page second.xhtml
* with <ace:textEntry>
* Open the first.xhtml in browser
* Open the dialog
* Click the button navigating to second.xhtml
* Verify, that no text can be selected or entered in the <ace:textEntry>
Debugging JavaScript shows, that the mouse events get blocked by the activated overlay, that was IMHO left activated by the ace:dialog.
first.xhtml:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>First</title>
</h:head>
<h:body>
<h:form>
</h:form>
<h:form id="form1">
<ace:linkButton value="To second!" onclick="ice.ace.instance('form1:dialog').show();"/>
<ace:dialog id="dialog" modal="true" header="Dialog">
<ace:pushButton id="idOK" value="OK" action="second"/>
</ace:dialog>
</h:form>
</h:body>
</html>
```
second.xhtml:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>First</title>
</h:head>
<h:body>
<h:form id="form1">
<ace:textEntry id="textEntry" value="Try to select me!"/>
</h:form>
</h:body>
</html>
```
Reproduction:
* Create the page first.xhtml
* with (e.g. empty) <h:form>
* with modal dialog inside a second <h:form>
* the dialog contains a button, that navigates to second.xhtml
* Create the page second.xhtml
* with <ace:textEntry>
* Open the first.xhtml in browser
* Open the dialog
* Click the button navigating to second.xhtml
* Verify, that no text can be selected or entered in the <ace:textEntry>
Debugging JavaScript shows, that the mouse events get blocked by the activated overlay, that was IMHO left activated by the ace:dialog.
first.xhtml:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>First</title>
</h:head>
<h:body>
<h:form>
</h:form>
<h:form id="form1">
<ace:linkButton value="To second!" onclick="ice.ace.instance('form1:dialog').show();"/>
<ace:dialog id="dialog" modal="true" header="Dialog">
<ace:pushButton id="idOK" value="OK" action="second"/>
</ace:dialog>
</h:form>
</h:body>
</html>
```
second.xhtml:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>First</title>
</h:head>
<h:body>
<h:form id="form1">
<ace:textEntry id="textEntry" value="Try to select me!"/>
</h:form>
</h:body>
</html>
```
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion