Uploaded image for project: 'RichFaces'
  1. RichFaces
  2. RF-12349

Calendar component hidden behind rich:accordian component

    Details

    • Type: Bug
    • Status: Open (View Workflow)
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 4.2.2.Final, 5.0.0.Alpha1
    • Fix Version/s: 4.5-Tracking
    • Labels:
      None
    • Environment:

      OS:- Windows XP, Fedora
      JDK:-JDK 1.6.0_20, JDK 7
      browsers: Chrome, Firefox

    • Steps to Reproduce:
      Hide

      Create a <rich:accordion> component with an nested <rich:calendar>, the <rich:calendar> seems to be hidden behind the accordion component.
      Sample Code:-

      <h:form>
         <rich:accordion style="z-index:10;" id="acrdion" switchType="client">
              <rich:accordionItem id="acdItm" header="Overview:">
               <rich:calendar value="#{bean.date}" datePattern="dd/M/yy" 
                          id="Cal1" style="z-index:100;"/>
              </rich:accordionItem>
         </rich:accordion>
      <h:form>
      

      Show
      Create a <rich:accordion> component with an nested <rich:calendar>, the <rich:calendar> seems to be hidden behind the accordion component. Sample Code:- <h:form> <rich:accordion style="z-index:10;" id="acrdion" switchType="client"> <rich:accordionItem id="acdItm" header="Overview:"> <rich:calendar value="#{bean.date}" datePattern="dd/M/yy" id="Cal1" style="z-index:100;"/> </rich:accordionItem> </rich:accordion> <h:form>
    • Affects:
      Interactive Demo/Tutorial
    • Workaround:
      Workaround Exists
    • Workaround Description:
      Hide

      A workaround can be overriding the rf-ac-itm-cnt class as follows:

      <h:outputStylesheet>
              .rf-ac-itm-cnt {
                 overflow: visible;
              }
      </h:outputStylesheet>
      

      Show
      A workaround can be overriding the rf-ac-itm-cnt class as follows: < h :outputStylesheet> .rf-ac-itm-cnt { overflow: visible; } </ h :outputStylesheet>
    • Estimated Difficulty:
      Medium
    • Bugzilla Update:
      Perform

      Description

      The calendar component <rich:calendar> is hidden behind the <rich:accordionitem>, wherein the calendar component is included inside one of the accordion Items of the <rich:accordion> component.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                saniks Nikhil Hukkerikar
              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated: