datepicker postion error

[yxw1993]

first show is :

after show is:

first style is:
style="display: block; position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(686px, 38px, 0px);"

after style is:
style="display: block; position: absolute;"

if set [container]="''" ; then
first show is:

after show is:

why??

I don't know what went wrong T^T

Using the official Example:
https://valor-software.com/ngx-bootstrap/#/components/datepicker?tab=overview

[SvetlanaMuravlova]

@yxw1993 , thank you for your issue, but we need more details
create, please, some example with reproducing of such issue on stackblitz

[callawey]

@yxw1993 , thank you for your issue, but we need more details create, please, some example with reproducing of such issue on stackblitz

on my case, this is happening when i use bsDatepicker directive inside modal. second opening goes to bottom left on screen.

for better understanding below line (which is on first opening)
<bs-datepicker-container role="dialog" aria-label="calendar" class="bottom" style="display: block; position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(1246px, 481px, 0px);">

changes to (on second opening)
<bs-datepicker-container role="dialog" aria-label="calendar" class="bottom" style="display: block; position: absolute;">

[callawey]

This issue is happening due missing BrowserAnimationsModule import. If this is missing, no matter you use isAnimated false or true, second opening always goes to bottom left.

@yxw1993