Details
-
Type:
Bug
-
Status: Resolved
-
Priority:
Major
-
Resolution: Won't Fix
-
Affects Version/s: EE-3.3.0.GA_P05
-
Fix Version/s: None
-
Component/s: ICE-Components
-
Labels:None
-
Environment:Any
-
Support Case References:Support Case 14348:- https://icesoft.my.salesforce.com/5000g00001ui4jn?srPos=0&srKp=500
Description
When there's a popup ice:selectInputDate component inside a scrollable container, such as a data table, and the button is activated to display the calendar, the calendar is displayed at a wrong position when the scroll position is not 0 in either dimension. It seems like the calculations to display the calendar don't take into account the scroll offset.
Activity
| Field | Original Value | New Value |
|---|---|---|
| Assignee | Arturo Zambrano [ artzambrano ] |
| Fix Version/s | EE-3.3.0.GA_P06 [ 13114 ] |
| Support Case References | Support Case 14348:- https://icesoft.my.salesforce.com/5000g00001ui4jn?srPos=0&srKp=500 |
| Fix Version/s | EE-3.3.0.GA_P06 [ 13114 ] |
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Won't Fix [ 2 ] |
| Attachment | basicTable.xhtml [ 22980 ] |
| Resolution | Won't Fix [ 2 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
| Comment |
[ There's no need to fix anything. The calendar can be displayed at the right position (above or below the input field) by making the scrollable container positioned. This means adding 'position:relative;' to the same container that was made scrollable.
Attaching the test case with this addition to illustrate the solution. ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Resolution | Won't Fix [ 2 ] |
I'm attaching an improved solution for their test case, in order to make sure that the calendar popup is not concealed by the positioned parent div.
The solution consists in not having a single div with both the relative position styling and the overflow styling. So, a new div parent was introduced, so that it contains only the positioned styling, and it's immediate child div contains the overflow and width styling. The only change is this div, at line 45, and it's respective closing tag.
Show
Arturo Zambrano
added a comment - I'm attaching an improved solution for their test case, in order to make sure that the calendar popup is not concealed by the positioned parent div.
The solution consists in not having a single div with both the relative position styling and the overflow styling. So, a new div parent was introduced, so that it contains only the positioned styling, and it's immediate child div contains the overflow and width styling. The only change is this div, at line 45, and it's respective closing tag.
| Attachment | basicTable.xhtml [ 23013 ] | |
| Attachment | basicTable.xhtml [ 23014 ] |
There's no need to fix anything. The calendar can be displayed at the right position (above or below the input field) by making the scrollable container positioned. This means adding 'position:relative;' to the same container that was made scrollable.
Attaching the test case with this addition to illustrate the solution.