Calendar widget does not display in front of modals
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
OpenStack Dashboard (Horizon) |
Expired
|
Medium
|
Unassigned |
Bug Description
When the calendar widget is used on a field that is displayed in a modal, the widget displays behind the modal so you can't see it. None of the fields that use a calendar widget is currently displayed on a modal so this has not been an issue. I encountered the problem when extending horizon with a custom panel that uses a modal with a calendar widget on it.
To recreate, the datepicker must be initialized on modal init, and a date field needs to be added to a modal form. For example I added the following fields to the Admin -> Create Network form. The datepicker init code keys off the start and end field IDs so it's easiest to just use those names.
start = forms.DateField
end = forms.DateField
Initialize the datepicker on modal init somewhere in the javascript:
horizon.
When you open the Create Network form and click in the Start date or End date fields you can see the calendar partly showing underneath the modal.
Changed in horizon: | |
assignee: | nobody → Justin Pomeroy (jpomero) |
Changed in horizon: | |
assignee: | Justin Pomeroy (jpomero) → David Lyle (david-lyle) |
Changed in horizon: | |
importance: | Undecided → Medium |
Changed in horizon: | |
assignee: | nobody → utsav dusad (utsavdusad) |
Fix proposed to branch: master /review. openstack. org/118760
Review: https:/