tonysamperi / ngx-popperjs

An Angular 8+ wrapper for @popperjs/core
https://tonysamperi.github.io/ngx-popperjs/
MIT License
65 stars 12 forks source link

Wrong position at start #34

Closed byelik closed 1 year ago

byelik commented 1 year ago

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",

byelik commented 1 year ago

this thing fixed the problem *:not(.cdk-overlay-connected-position-bounding-box) { transition: none !important; }

tonysamperi commented 1 year ago

@byelik why did you install popper.js?? It's the old version of the core lib...now replaced by @popperjs/core

byelik commented 1 year ago

пн, 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

tonysamperi commented 1 year ago

@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!

byelik commented 1 year ago

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: @.***>