ASP.net
Awesome
Learn
Forum
Buy
Demos
Sign In
☾
☀
Switch to
Dark
Light
Mode
this site works best with javascript enabled
Ask Question
DatePicker not in same position
Title:
B
I
{code}
?
I have a strange problem .. I have a Popupform with a DatePicker inside, the position of calendar is not ever same. I noticed that it depends on the vertical scrolling position of the popupform background page. I see also in debug mode ... <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: fixed; top: 95.9167px; left: 444.3px; z-index: 99; display: block;"> top: 95.9167px; left: 444.3px; this values changes I have also tried to reproach the issue on your SimpleDemoAwe example but it does not occur Have any idea ?
Save Changes
Cancel
Meccanica Rossi
asked at 30 Aug 2017
yes that's how it's supposed to work, it will look where you have more space on top or bottom and it will appear there, if there's no space on both top and bottom it will appear above the input
at 30 Aug 2017
Omu
No, maybe I explained myself wrong... please see the images http://www.caivola.it/files/pos_ok.png (how can you see in the scrollbar the background page is in vertical top) http://www.caivola.it/files/pos_err.png (now i have scrolled down, when re-open the datapicker the position is changed)
at 30 Aug 2017
Meccanica Rossi
which jquery and jqueryui version are you using ?, try using the ones that our demos are using
at 30 Aug 2017
Omu
could be related to this: http://jsbin.com/wapupa/edit?html,css,output
at 30 Aug 2017
Omu
Yes, the problem is this, But I can't know how solve it ...
at 31 Aug 2017
Meccanica Rossi
you can use the jquery versions used in the demos
at 31 Aug 2017
Omu
Sorry I can't ... I use a template that run only with jquery version 3.x Do you know what is the problem ? It is jquery v3.x bug ? this can help ? https://gist.github.com/mnpenner/4a52366150deaa44d377c872c7d1fda3
at 19 Sep 2017
Meccanica Rossi
it is a jqueryUI bug (latest version which is also compatible with jquery 3), you can try to add the patch that you've found, in my test it fixes the problem but it covers the txt input
at 19 Sep 2017
Omu
modifying the above patch, I finally fix the problem :)
at 21 Sep 2017
Meccanica Rossi
Answers
please
Sign In
to leave an answer
By accessing this site, you agree to store cookies on your device and disclose information in accordance with our
cookie policy
and
privacy policy
.
OK