Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Cannot Reproduce
-
Affects Version/s: 4.1.1
-
Fix Version/s: EE-4.2.0.GA
-
Component/s: ACE-Components
-
Labels:None
-
Environment:Tomcat 8, ios and android devices.
-
Assignee Priority:P2
Description
Scenario:
An ace:textEntry or other input component is inside a mobi:fieldset.
The textEntry uses the label and labelPosition = left attributes.
The label for the textEntry is vertically aligned with the top of the textEntry when viewed on a mobile device. This is not the case when viewed in a desktop browser where the label appears vertically aligned to the center.
See attached screen shot. The red lines show the vertical alignment.
An ace:textEntry or other input component is inside a mobi:fieldset.
The textEntry uses the label and labelPosition = left attributes.
The label for the textEntry is vertically aligned with the top of the textEntry when viewed on a mobile device. This is not the case when viewed in a desktop browser where the label appears vertically aligned to the center.
See attached screen shot. The red lines show the vertical alignment.
ICEfaces 4 trunk r51517. I have attached an image androidEnlarged.PNG (sam theme) which I captured with android 6.0.1 with up to date Chrome and the latest showcase. This is a nitpicky issue, hard to detect and seems to be worse on android. This is not an issue on desktop browsers. When you look at the image you will see that there is more white space underneath the label than there is on top. I drew identical red rectangles to show how they overlap the top of the letters with no ascenders or descenders.
Attached also is androidRime.png and ipadRime.PNG. Here you see the alignment issue much better as it affects android and ios.
New test page /
ICE-11055.jsf added to http://dev.icesoft.com/svn/repo/qa/trunk/Regression-Icefaces4/Sparkle/Manual/fieldSet