ICEfaces
  1. ICEfaces
  2. ICE-6359

Font-size gradually decreased in nested panelGrid tags in IE

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Minor Minor
          • Resolution: Won't Fix
          • Affects Version/s: 2.0-Beta2
          • Fix Version/s: 2.0.0
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            IE

            Description

            In IE, text is rendered with smaller font-size as it is further nested in panelGrid tags. This does not occur with the same code in Firefox.

            Sample code:

            <h:form id="form2">
                            <ice:panelGrid>
                                <ice:outputText value="Sample Text Parent"/>
                                <ice:panelGrid>
                                    <ice:outputText value="Sample Text Child"/>
                                    <ice:panelGrid>
                                        <ice:outputText value="Sample Text Sub-Child"/>
                                        <ice:panelGrid>
                                            <ice:outputText value="Sample Text Sub-Sub-Child"/>
                                        </ice:panelGrid>
                                    </ice:panelGrid>
                                </ice:panelGrid>
                            </ice:panelGrid>
                        </h:form>
            1. File
              welcomeICEfaces.xhtml
              4 kB
              Arran Mccullough
            1. Firefox-font-size-issue.JPG
              76 kB
            2. IE-font-size-issue.JPG
              60 kB
            3. screenshot-03.png
              159 kB
            4. screenshot-04.png
              195 kB

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Arran Mccullough added a comment -

              Screen shots and sample xhtml page that shows the issue.

              Show
              Arran Mccullough added a comment - Screen shots and sample xhtml page that shows the issue.
              Hide
              Permalink
              yip.ng added a comment -

              This occurs in 1.8 showcase, and so is not a regression. It occurs in Firefox too, not just IE. See screenshot 3.

              Show
              yip.ng added a comment - This occurs in 1.8 showcase, and so is not a regression. It occurs in Firefox too, not just IE. See screenshot 3.
              Hide
              Permalink
              yip.ng added a comment -

              This is standard behavior. It is caused by the CSS rule highlighted in screenshot 3. Read this article: http://webdesign.about.com/od/typemeasurements/qt/how-big-is-an-em.htm.

              Show
              yip.ng added a comment - This is standard behavior. It is caused by the CSS rule highlighted in screenshot 3. Read this article: http://webdesign.about.com/od/typemeasurements/qt/how-big-is-an-em.htm .
              Hide
              Permalink
              yip.ng added a comment - - edited

              Showcase uses a hack to overcome this:

              table

              { font-size: 11px; }

              See screenshot 4.

              Show
              yip.ng added a comment - - edited Showcase uses a hack to overcome this: table { font-size: 11px; } See screenshot 4.
              Hide
              Permalink
              Ken Fyten added a comment -

              The suggested work-around should be adopted.

              Show
              Ken Fyten added a comment - The suggested work-around should be adopted.

                People

                • Assignee:
                  yip.ng
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: