Closed byelik closed 1 year ago
this thing fixed the problem
*:not(.cdk-overlay-connected-position-bounding-box) { transition: none !important; }
@byelik why did you install popper.js
?? It's the old version of the core lib...now replaced by @popperjs/core
пн, 12 груд. 2022 р. о 20:26 Tony Samperi @.***> пише:
@byelik https://github.com/byelik why did you install popper.js?? It's the old version of the core lib...now replaced by @popperjs/core
— Reply to this email directly, view it on GitHub https://github.com/tonysamperi/ngx-popperjs/issues/34#issuecomment-1347019564, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAPLCB64LR5UWIZEEKBOM4LWM5U6XANCNFSM6AAAAAAS3BARRQ . You are receiving this because you were mentioned.Message ID: @.***>
Because I have problems with my version of the angular as I remember
@byelik that's not an explanation. Also I don't see why the popper is inside a cdk-connected-overlay... And the CSS solution isn't the right solution...you should set the popper to be appended somewhere else, to avoid inheriting weird styles such as the ones from material... Cheers!
Thanks!
пн, 12 груд. 2022 р. о 20:30 Tony Samperi @.***> пише:
@byelik https://github.com/byelik that's not an explanation. Also I don't see why the popper is inside a cdk-connected-overlay... And the CSS solution isn't the right solution...you should set the popper to be appended somewhere else, to avoid inheriting weird styles such as the ones from material... Cheers!
— Reply to this email directly, view it on GitHub https://github.com/tonysamperi/ngx-popperjs/issues/34#issuecomment-1347028405, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAPLCBYOJDHAICIUMMABSI3WM5VMFANCNFSM6AAAAAAS3BARRQ . You are receiving this because you were mentioned.Message ID: @.***>
HI, I've added tootlip, and at the start it has wrong position. Here is my sample of the code and below you can see attached video how does it looks like `<div class="help-icon" popper="{{'testadd-new-friends.tooltip' | translate}}" [popperApplyClass]="'popper-style'" [popperTrigger]="'hover'" [popperPlacement]="'bottom-start'" [popperDisableAnimation] = "true" [popperPositionFixed]="false"> <mat-icon svgIcon="help-circle"
https://user-images.githubusercontent.com/2011399/206911469-3a5f43cb-a05c-4a42-962a-396c3215bc67.mov
"@popperjs/core": "^2.11.6", "ngx-popper": "^7.0.0", "ngx-popperjs": "^11.0.0", "popper.js": "^1.16.1",