[richfaces-issues] [JBoss JIRA] (RF-13604) rich:editor is flickering on mouse hover
Serge Rogatch (JIRA)
issues at jboss.org
Fri Apr 11 14:32:12 EDT 2014
[ https://issues.jboss.org/browse/RF-13604?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Serge Rogatch updated RF-13604:
-------------------------------
Steps to Reproduce:
1. In Eclipse, create new Dynamic Web Project: select "GlassFish 4.0" as the target runtime, select 3.1 as Dynamic web module version, Default Configuration for GlassFish 4.0 as Configuration
2. Navigate to directory WebContent/WEB-INF/lib and put the following files there
- cssparser-0.9.9.jar
- guava-r09.jar
- richfaces-components-api-4.3.5.Final.jav
- richfaces-components-ui-4.3.5.Final.jar
- richfaces-core-api-4.3.5.Final.jar
- richfaces-core-impl-4.3.5.Final.jar
- sac-1.3.jar
3. Right-click on the project in Eclipse, click Properties, then go to Project Facets and enable checkbox to the left of Java Server Faces (ensure that version is 2.2). Ensure that also the following checkboxes are enabled:
- Dynamic Web Module, version 3.1
- Java, version 1.7
- JavaScript, version 1.0
Click "Apply" button, then click "OK" button.
4. Under WebContent directory, create new XHTML file called test.xhtml with the following content:
<!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://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head></h:head>
<h:body>
<h:form>
<rich:editor id="editor" toolbar="full" value="#{editorBean.value}" style="margin-bottom: 1em">
<a4j:ajax event="change" render="panel" status="panelUpdateStatus" />
<a4j:ajax event="dirty" render="panel" status="panelUpdateStatus">
<a4j:attachQueue requestDelay="1000" />
</a4j:ajax>
</rich:editor>
<rich:panel id="panel">
<f:facet name="header">
Output from Editor
<a4j:status name="panelUpdateStatus">
<f:facet name="start">
(Updating)
</f:facet>
</a4j:status>
</f:facet>
<h:outputText escape="false" value="#{editorBean.value}" />
</rich:panel>
</h:form>
</h:body>
</html>
5. Under Java Resources directory src, create file EditorBean.java with the following content:
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="editorBean")
@SessionScoped()
public class EditorBean {
private String value = "";
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
}
6. Right-click on test.xhtml, select "Debug As"->"Debug on Server", of the servers select GlassFish 4.0 and click button "Finish".
7. Navigate to the /faces/test.xhtml in Chrome (version 34.0.1847.116 m) or Internet Explorer (version 11.0.9600.16659).
8. Hover the mouse over the toolbar of the editor. Note that the buttons of the editor start to move in unreasonable way (Internet Explorer) or tooltips of the buttons start to flicker (Chrome).
was:
1. In Eclipse, create new Dynamic Web Project: select "GlassFish 4.0" as the target runtime, select 3.1 as Dynamic web module version, Default Configuration for GlassFish 4.0 as Configuration
2. Navigate to directory WebContent/WEB-INF/lib and put the following files there
- cssparser-0.9.9.jar
- guava-r09.jar
- richfaces-components-api-4.3.5.Final.jav
- richfaces-components-ui-4.3.5.Final.jar
- richfaces-core-api-4.3.5.Final.jar
- richfaces-core-impl-4.3.5.Final.jar
- sac-1.3.jar
3. Right-click on the project in Eclipse, click Properties, then go to Project Facets and enable checkbox to the left of Java Server Faces (ensure that version is 2.2). Ensure that also the following checkboxes are enabled:
- Dynamic Web Module, version 3.1
- Java, version 1.7
- JavaScript, version 1.0
Click "Apply" button, then click "OK" button.
4. Under WebContent directory, create new XHTML file called test.xhtml with the following content:
<!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://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head></h:head>
<h:body>
<h:form>
<rich:editor id="editor" toolbar="full" value="#{editorBean.value}" style="margin-bottom: 1em">
<a4j:ajax event="change" render="panel" status="panelUpdateStatus" />
<a4j:ajax event="dirty" render="panel" status="panelUpdateStatus">
<a4j:attachQueue requestDelay="1000" />
</a4j:ajax>
</rich:editor>
<rich:panel id="panel">
<f:facet name="header">
Output from Editor
<a4j:status name="panelUpdateStatus">
<f:facet name="start">
(Updating)
</f:facet>
</a4j:status>
</f:facet>
<h:outputText escape="false" value="#{editorBean.value}" />
</rich:panel>
</h:form>
</h:body>
</html>
5. Under Java Resources directory src, create file EditorBean.java with the following content:
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="editorBean")
@SessionScoped()
public class EditorBean {
private String value = "";
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
}
6. Right-click on test.xhtml, select "Debug As"->"Debug on Server", of the servers select GlassFish 4.0 and click button "Finish".
7. Navigate to the /faces/test.xhtml in Chrome (version 34.0.1847.116 m) or Internet Explorer (version 11.0.9600.16659).
8. Hover the mouse over the toolbar of the editor. Note that the buttons of the editor start to move in unreasonable way (Internet Explorer) or tooltips of the buttons start to flicker (Chrome).
> rich:editor is flickering on mouse hover
> ----------------------------------------
>
> Key: RF-13604
> URL: https://issues.jboss.org/browse/RF-13604
> Project: RichFaces
> Issue Type: Bug
> Security Level: Public(Everyone can see)
> Affects Versions: 4.3.5
> Environment: Windows 7, Glassfish 4, Java 1.7, JSF2.2, Chrome (version 34.0.1847.116 m) or Internet Explorer (version 11.0.9600.16659)
> Reporter: Serge Rogatch
> Labels: editor, glassfish, jsf22
>
> Initially the rich:editor component didn't render, throwing some errors in JavaScript ( https://community.jboss.org/message/867978 ), however afterwards I was not able to reproduce that in a newly created project.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira
More information about the richfaces-issues
mailing list