ICEfaces
  1. ICEfaces
  2. ICE-7058

Setting float:left for a panelLayout component in a panelCollapsible header causes panelCollapsible content to display incorrectly

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE-1.8.2.GA_P03
          • Fix Version/s: 2.1-Beta, 3.0, EE-1.8.2.GA_P04
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            ICEfaces EE 1.8.2 P03
          • Assignee Priority:
            P2
          • Workaround Exists:
            Yes
          • Workaround Description:
            Hide
            Use a clearer hidden div to remove any float inheritance:

            div.clearer {
                clear:both;
                height:0px;
                visibility: hidden;
                line-height:.01em;
                padding:0;
                margin:0;
            }
            Show
            Use a clearer hidden div to remove any float inheritance: div.clearer {     clear:both;     height:0px;     visibility: hidden;     line-height:.01em;     padding:0;     margin:0; }

            Description

            Scenario: A panelCollapsible component is defined on the page. A panelLayout tag is used in the header facet of the panelCollapsible for layout purposes. This panelLayout uses a "float: left;" CSS. In the content of the panelCollapsible a graphicImage tag is used.

            With this certain combination of components and CSS the graphicImage is display incorrectly. Removing the "float:left;" CSS allows it to display properly. This is also only an issue when using the P03 release.

              Activity

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

              Looks like its not just an issue with graphicImage. I replaced this component with an outputText and the same positioning issue is seen.

              Show
              Arran Mccullough added a comment - Looks like its not just an issue with graphicImage. I replaced this component with an outputText and the same positioning issue is seen.
              Hide
              Permalink
              Mark Collette added a comment -

              Perhaps we can put the clearer CSS into the panelCollapsible's theme styles, so that applications won't have to manually add it in.

              Show
              Mark Collette added a comment - Perhaps we can put the clearer CSS into the panelCollapsible's theme styles, so that applications won't have to manually add it in.

                People

                • Assignee:
                  Arturo Zambrano
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: