I’m working on a project where forms need to be loaded in a modal.
The issue I’m having is that datepickers are positioned relative to the parent page, not the modal content, or (ridiculously) the actual date field.
This makes them completely inaccessible to users in Chrome or Edge (Safari and Firefox smartly position them above the field, if not enough room below)
Anyone found a way to force datepickers to be either
-
positioned correctly or
-
positioned relative to the field, not the parent page
Driving me nuts (and may lose me a client) - tried all GF’s suggested solutions, but none work.
This is what I get in chrome/edge - scrolling the modal doesn’t change the position of the datepicker, which is out of viewport and completely inaccessible.
Any pointers/ideas/help/consolation?
Ben