[jbossseam-issues] [JBoss JIRA] Created: (JBSEAM-4444) Seam-gen generate CSS not compatible with rich:comboBox

[Lionel Meroni (JIRA)]

Seam-gen generate CSS not compatible with rich:comboBox
-------------------------------------------------------

                 Key: JBSEAM-4444
                 URL: https://jira.jboss.org/jira/browse/JBSEAM-4444
             Project: Seam
          Issue Type: Patch
          Components: Tools
    Affects Versions: 2.2.0.GA
            Reporter: Lionel Meroni
            Priority: Minor


seam-gen generate a stylesheet in theme.xcss file which is not compatible with the richfaces component rich:comboBox.

This CSS override the default CSS of the selected skin and make the combobox dopdown arrow not visible.

This is because the dropdown arrow is a HTML input text element for the rich:combobox and the CSS is redefine for all input tex by theme.xcss by this :

<u:selector name="input[type=text], input[type=password], textarea, select" >
		<u:style name="background-color" skin="controlBackgroundColor"/>
		<u:style name="color" skin="controlTextColor"/>
		<u:style name="background-position" value="left top"/>
		<u:style name="background-repeat" value="repeat-x"/>
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderFieldGradient"/>
		</u:style>
		<u:style name="border" value="1px solid"/>
		<u:style name="border-color" skin="tableBorderColor" />
	</u:selector>	


So to avoid the redefinition of the CSS for the rich:combobox,I juste change this to :

<u:selector name="input[type=text]:not([class*=rich-combobox-button]), input[type=password], textarea, select" >
		<u:style name="background-color" skin="controlBackgroundColor"/>
		<u:style name="color" skin="controlTextColor"/>
		<u:style name="background-position" value="left top"/>
		<u:style name="background-repeat" value="repeat-x"/>
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderFieldGradient"/>
		</u:style>
		<u:style name="border" value="1px solid"/>
		<u:style name="border-color" skin="tableBorderColor" />
	</u:selector>	

Notice that the CSS :not() selector don't work with IE, but work well with other browser like firefox.

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira