Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: 1.0 Beta
-
Fix Version/s: 1.0 Final
-
Component/s: None
-
Labels:None
-
Environment:Any
Description
The date and time spinner components use an empty div with the CSS class name mobi-date-bg to show dark transparent background that hides page content when the spinner popup is visible.
On first page load the div has no style class and will alter the layout of page in some circumstances because it is in the layout of the page. However when the calendar icon is press to show the popup spinner the style class "mobi-date-bg" dynamically inserted to make the dive appear dark and transparent. And when the dialog is hidden the css class name is then changed to mobi-date.
Preferred behaviour is as follows:
1.) Initial style class for the div should by "mobi-date-bg-inv" instead of no style class.
2.) The style class definition is .mobi-date-bg-inv{ display:none }
3.) When the popup is made visible the div in question should be given the css class .mobi-date-bg{...}.
4.) When the popup is hidden the div in question should be given the css class "mobi-date-bg-inv".
This will insure that the div will truly be invisible and not interrupt page layout. .
On first page load the div has no style class and will alter the layout of page in some circumstances because it is in the layout of the page. However when the calendar icon is press to show the popup spinner the style class "mobi-date-bg" dynamically inserted to make the dive appear dark and transparent. And when the dialog is hidden the css class name is then changed to mobi-date.
Preferred behaviour is as follows:
1.) Initial style class for the div should by "mobi-date-bg-inv" instead of no style class.
2.) The style class definition is .mobi-date-bg-inv{ display:none }
3.) When the popup is made visible the div in question should be given the css class .mobi-date-bg{...}.
4.) When the popup is hidden the div in question should be given the css class "mobi-date-bg-inv".
This will insure that the div will truly be invisible and not interrupt page layout. .
Issue Links
- duplicates
-
MOBI-140 Tme and Date spinner components shimmy
- Closed
rev 27344 contains this fix plus missing png for timespinner (get resource missing error on server).