ngx-bootstrap icon indicating copy to clipboard operation
ngx-bootstrap copied to clipboard

bsDatepicker adaptivePosition does not respect x-axis and overflows.

Open Totati opened this issue 4 years ago • 3 comments

Bug description: Datepickers on the side of the page are still centered relative to the input, this causes the pickers to overflow the body. On the right it causes scrolling, on the left if just unusable.

StackBlitz that reproduces the issue.

Versions of ngx-bootstrap, Angular, and Bootstrap: ngx-bootstrap: "ngx-bootstrap": "^5.5.0" Angular: "@angular/core": "^9.0.5", Bootstrap: "bootstrap": "^4.4.1", Build system: Angular CLI, System.js, webpack, starter seed: Angular CLI: 9.0.5 Node: 10.16.0 OS: win32 x64

Expected behavior Adaptive positioning should respect the window bounding box too, and position the datepicker correctly on the left/right if there's enought space.

Totati avatar Mar 05 '20 11:03 Totati

I am running into this same issue.

nightskyre avatar Oct 09 '20 20:10 nightskyre

Any solution for this?

sharathdaniel avatar Nov 20 '20 04:11 sharathdaniel

Same issue using angular 12 with bootstrap 5. Overflow-x of the body is not respected.

"bootstrap": "^5.1.3", "ngx-bootstrap": "^7.1.2"

casper5822 avatar Jan 11 '22 14:01 casper5822