Cannot focus date picker or other popups in a modal dialog
The dialog, when modal, prevents focus from being transfered to an
element in the document.body.
So, if I have a datepicker, or another component that adds an absolute
DOM element to the document body it cannot be focused.
In Safari, I can't change select values or anything else.
Suggested fix:
For the modal code, if the item is acted upon, is not in the dialog
**and the z-index of the item is less than the dialog** then block it.
This way, any item with a z-index greater than the dialog can still
get focus (like a SELECT element in the date picker).
Is there another work around?
I'm trying to make my own widget using a similar method (absolute DIV
in the body with a high z-index that helps the user enter an input
value), but the modal dialog is stopping me from getting focus events
on my form elements in my DIV).
I could always launch a sub-dialog, but I'd rather just hover my DIV
under the input as that is easier for my users.