I have a fairly broad CSS reset/normalize/what-have-you that contains the following rule.
* {
position: relative
}
This really helps when we want to absolutely position elements. However, this breaks with angular-datepicker. Specifically, <lib-angular-mydatepicker-calendar> needs to be position: static, otherwise the calendar drop-down doesn't align correctly. I think the best fix is to use HostBinding('style.position') position = 'static' or something similar in the component to ensure that this always has a working value.
Additionally, the .ng-mydp class should have position: static.
I have a fairly broad CSS reset/normalize/what-have-you that contains the following rule.
This really helps when we want to absolutely position elements. However, this breaks with angular-datepicker. Specifically,
<lib-angular-mydatepicker-calendar>
needs to beposition: static
, otherwise the calendar drop-down doesn't align correctly. I think the best fix is to useHostBinding('style.position') position = 'static'
or something similar in the component to ensure that this always has a working value.Additionally, the
.ng-mydp
class should haveposition: static
.