Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: 3.0.1, EE-3.0.0.GA
-
Fix Version/s: 3.2
-
Component/s: ACE-Components
-
Labels:None
-
Environment:Chrome. Firefox, Internet Explorer. Tomcat 7, ICEfaces 3.0.1
-
Assignee Priority:P2
Description
styleClass and style for ace:PushButton is not applied properly across different browsers.
To reproduce add the following CSS class to our showcase:
.testStyle
{
background-color: red;
letter-spacing: 5px;
}
You will notice that:
1. In Chrome only background-color is applied.
2. IE& FF display both styles.
Screenshot demonstrating this is attached.
To reproduce add the following CSS class to our showcase:
.testStyle
{
background-color: red;
letter-spacing: 5px;
}
You will notice that:
1. In Chrome only background-color is applied.
2. IE& FF display both styles.
Screenshot demonstrating this is attached.
Issue Links
- depends on
-
ICE-8171 Implement resource ordering based on declared resource interdependencies
- Closed
Activity
Evgheni Sadovoi
created issue -
Evgheni Sadovoi
made changes -
Field | Original Value | New Value |
---|---|---|
Attachment | sampleImage.jpg [ 14310 ] |
Evgheni Sadovoi
made changes -
Salesforce Case | [5007000000LH7kt] |
Ken Fyten
made changes -
Fix Version/s | 3.1 [ 10312 ] | |
Fix Version/s | EE-3.0.0.GA_P01 [ 10327 ] | |
Assignee Priority | P2 | |
Affects Version/s | EE-3.0.0.GA [ 10262 ] | |
Assignee | Arturo Zambrano [ artzambrano ] |
Arturo Zambrano
made changes -
Attachment | testICE-8014.html [ 14328 ] |
Evgheni Sadovoi
made changes -
Attachment | screenShot-1.jpg [ 14331 ] | |
Attachment | screenShot-2.jpg [ 14332 ] | |
Attachment | screenShot-3.jpg [ 14333 ] |
Ken Fyten
made changes -
Fix Version/s | 3.1 [ 10312 ] | |
Fix Version/s | EE-3.0.0.GA_P01 [ 10327 ] | |
Assignee | Arturo Zambrano [ artzambrano ] |
Mircea Toma
made changes -
Status | Open [ 1 ] | Resolved [ 5 ] |
Resolution | Fixed [ 1 ] |
Ken Fyten
made changes -
Fix Version/s | 3.2 [ 10338 ] |
Ken Fyten
made changes -
Status | Resolved [ 5 ] | Closed [ 6 ] |
I tested this outside the showcase and could reproduce the issue. Then, I tested this on a plain HTML page (attached) and I could see the issue as well. This seems to be related to how Chrome handles certain properties, like 'letter-spacing'. Then, I applied the 'letter-spacing' property to the <button> element and I could see the property being applied on the text. I tried this with the <span> inside the <button> element and the property was applied correctly as well. So, since the ace:pushButton component can have nested components, you could simply nest an <h:outputText /> inside and apply the 'letter-spacing' property to it, either via a styleClass or the style attribute.
Note: there was a change to apply the styleClass to the <button> element itself (
ICE-7377), but this was later undone by (ICE-7615).