search

valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.52k stars 1.69k forks source link

Datepicker positioning issue when opened inside popover #6529

Open pulavarthianil opened 1 year ago

pulavarthianil commented 1 year ago

Bug description: When popover is opened from any corner button or icon and if we have datepicker inside that popover, when we open datepicker, positioning service is conflicted for both popover and datepicker and popover is pushing towards right/left based on popover button position and datepicker is not shown proper way

Plunker/StackBlitz that reproduces the issue: https://stackblitz.com/edit/ngx-bootstrap-popover-4wuhtg-3ywa1m?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fapp.component.ts

Versions of ngx-bootstrap, Angular, and Bootstrap: ngx-bootstrap:6.1.0

Angular:12

Bootstrap:3

Expected behavior

After opening datepicker inside popover, popover shouldn't move and datepicker should show properly

cproduct commented 5 months ago

Same problem here.

I created a new Stackblitz to reproduce the problem.

https://stackblitz.com/edit/stackblitz-starters-qta7hs?file=src%2Fmain.ts

Angular 17 ngx-bootstrap 12

Does anyone have a solution or workaround?