ICEfaces
  1. ICEfaces
  2. ICE-4860

dataTable and selectInputDate: Calendar numbers disappear

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.8.1
          • Fix Version/s: 1.8.2
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            Tomcat 6.0
            FF 3.5
            IE 8.0

            Description

            A <ice:selectInputDate> component rendered as an popup within an <ice.dataTable> doesn't seem to work well... As soon as you click on the icon to show up the calender, the calender's numbers are actually rendered but you can't see them because their rendered with a white font color . (See screenshot). You click the calendar numbers but nothing happens...

            This strange behaviour only appears if you are using a <ice:rowSelector>

            BTW: I couldn't verify it so far, but also a <ice:menuBar> / <ice:menuItem > components are affected (not renderer properly)
            1. Zip Archive
              case8587.zip
              7.97 MB
              Patrick Dobler
            1. screenDataTableInputDate01.png
              36 kB
            2. screenshot-1.png
              92 kB
            3. screenshot-2.png
              118 kB
            4. screenshot-3.png
              91 kB

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Patrick Dobler added a comment -

              Attached an Eclipse Project Example

              Show
              Patrick Dobler added a comment - Attached an Eclipse Project Example
              Hide
              Permalink
              yip.ng added a comment -

              The date number display can be fixed by fixing the CSS. See screenshot-1.

              However, when you select a date, it just flashes and disappears. It won't stay put in the date input field. This doesn't seem to be caused by CSS. If you inspect the HTML, the value of the input field is empty.

              Show
              yip.ng added a comment - The date number display can be fixed by fixing the CSS. See screenshot-1. However, when you select a date, it just flashes and disappears. It won't stay put in the date input field. This doesn't seem to be caused by CSS. If you inspect the HTML, the value of the input field is empty.
              Hide
              Permalink
              yip.ng added a comment -

              Seems the row selector causes the selected date to disappear.

              Show
              yip.ng added a comment - Seems the row selector causes the selected date to disappear.
              Hide
              Permalink
              yip.ng added a comment -

              Seems there are two submits when you click on a date: one for the date selection and one for the row selection. The date value submitted by the date selection is properly received and decoded on the server, but somehow it just gets wiped out when the row selection submit is processed. See screenshot-2.

              Show
              yip.ng added a comment - Seems there are two submits when you click on a date: one for the date selection and one for the row selection. The date value submitted by the date selection is properly received and decoded on the server, but somehow it just gets wiped out when the row selection submit is processed. See screenshot-2.
              Hide
              Permalink
              yip.ng added a comment - - edited

              Date number display fixed by changing CSS.

              To prevent disappearance of selected date, set toggleOnInput to false in ice:rowSelector. (Suggestion from Adnan.)

              <ice:rowSelector ... toggleOnInput="false" ... />

              See screenshot-3.

              Show
              yip.ng added a comment - - edited Date number display fixed by changing CSS. To prevent disappearance of selected date, set toggleOnInput to false in ice:rowSelector. (Suggestion from Adnan.) <ice:rowSelector ... toggleOnInput="false" ... /> See screenshot-3.
              Hide
              Permalink
              Joanne Bai added a comment -

              Verified with success on 1.8.2 build 3 with FF3.5 and IE7

              Test app was added to repo\qa\trunk\Regression\ICE-4860

              Show
              Joanne Bai added a comment - Verified with success on 1.8.2 build 3 with FF3.5 and IE7 Test app was added to repo\qa\trunk\Regression\ ICE-4860
              Hide
              Permalink
              Krashan Brahmanjara added a comment -

              In my opinion small css change from revision 19277 can be safely reverted
              :
              This change

              .iceSelInpDateDay .iceOutTxt

              { color: #000000; }

              was unnecesary and hides style .iceOutTxt which is by default defined as

              .iceOutTxt

              { color:#484848; }

              Tested on some complex apps and showcase.

              Show
              Krashan Brahmanjara added a comment - In my opinion small css change from revision 19277 can be safely reverted : This change .iceSelInpDateDay .iceOutTxt { color: #000000; } was unnecesary and hides style .iceOutTxt which is by default defined as .iceOutTxt { color:#484848; } Tested on some complex apps and showcase.

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: