Orientation wrong

[robjens]

This is with orientation bottom, top does the same but the other way around so it is never pointed towards the element.

Not sure if this ticket will do anything, as there are +300 other ones in line. Also this seems to be limited to modal usage (of course), scanning a LOT of issues and nothing describes this. Please advice.

(should i find the 'fix', I'll drop a note and close this to keep the pile from collapsing)

[robjens]

Well, since changing orientation messes up the position, I used Chrome Dev tools and noticed the CSS was working fine, it just had a issue with switching position around as soon as I toggle up (to down) and down (to up).

First I thought it might have been the positioning of the modal, moved that around, wasn't it. Nothing funky with the input field it is attached to either (position css, removed static, nop).
So I thought, two can play that game, after finally having tried to instantiate the picker AFTER the modal was being opened, -also no effect- to finally just screw-you-guys-im-going-home mode, which of course did work:

$('#dtstart, #dtend').datepicker({
  language: 'nl',
  orientation: 'auto bottom'
}).on('show', function () {
  $('.datepicker-orient-bottom').removeClass('datepicker-orient-bottom');
  $('.datepicker-dropdown').addClass('datepicker-orient-top');
});

Problem 'solved' I guess....

[hebbet]

that bug should be fixed in 1.5 or 1.6

[robjens]

Alright, thanks for keeping me posted.

[anpegar]

Hi !!
The problem wasn't solved in 1.5.1 and upper.

I've found out that in the 1.3.0 works fine !!

Version 1.5.1

Version 1.3.0

[acrobat]

@anpegar can you provide a jsfiddle example? thanks!

[anpegar]

Here it is
https://jsfiddle.net/7f0f0ao4/

If you change this
//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/js/bootstrap-datepicker.min.js

by this
//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js

It works fine !!

[julianfox]

Same for me, I have to use the 1.3.0... Any update about it ?

[wagner]

Still not working @ 1.6.5.

[joelklingler]

I fixed it using the following JS:

soulim/ember-cli-bootstrap-datepicker#78 (comment)

[FirstVertex]

I noticed this behavior when I updated my installation of Bootstrap Datepicker. I updated the .js file but forgot to also update the .css file. I had wrong arrow. Once I updated also the css file to latest version, my arrows work correctly now.