Skip to content
This repository has been archived by the owner on Feb 14, 2019. It is now read-only.

With bootstrap 3 scrollable modal, datepicker does not scroll with input but keeps its position... #242

Open
xklid101 opened this issue Apr 16, 2014 · 7 comments

Comments

@xklid101
Copy link

Hi there,
I`m using datetimepicker in bootstrap modal window, but when modal window is scrollable (when it has greater height than body) - after scrolling, datetimepicker just keeps its position and does not scroll with input.
It is because dtpicker is appended to body. It would work, I guess, if dtpicker would be appended to modal, but it is impossible to easily do this
(I can fix position just after 'show' event is fired, but when i click e.g. month, and days are shown, dtpicker is positioned again automaticaly)
Is it possible to set any option 'where to append' or is there any easy solution to fix dtpciker position a keep it fixed? Thx

(attaching images, to see)

before scroll - all ok
before_scroll

after scroll - bad position
after_scroll

@SargerasWang
Copy link

I also encountered the same problem..

@c301
Copy link

c301 commented Feb 10, 2015

this pull request should fix the issue #372

@geyi
Copy link

geyi commented Jul 7, 2016

this problem still exists..

@Manjunath12-GitHub
Copy link

This issue still exists and it's not specific to $modal, I'm using date picker within HTML page, and facing same issue

@mochen666
Copy link

mochen666 commented Feb 23, 2017

Only need to add the option "container"

@jarstelfox
Copy link

Will be fixed by #645

@faisal-ashfaq-confiz
Copy link

@jarstelfox great fix! Thanks
It looks like it fixes only for chrome. In Edge and FF latest it is not working. Any idea why?

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

No branches or pull requests

8 participants