Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow custom positioning callback for the dateinput #1049

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from

Conversation

MattsGitCode
Copy link

When using a date input within a fixed position element such as a dialog there is a positioning problem due to scrolling. The best way to resolve this seems to be to have the calendar root div inserted adjacent to the input and to position them through CSS.

In order to facilitate this in a generic manner I've added a configuration parameter to allow custom positioning of the calendar when it is shown.

I looked at having it detect if the input had a fixed position ancestor but doing this would require wrapping the original input in extra markup and that seemed a bit too intrusive.

Using this configuration parameter in the fixed dialog scenario looks a bit like this:

$(".date").dateinput({
    format: "dd/mm/yyyy",
    positioner: function (input, calroot, conf) {
        input.after(calroot);
    }
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant