You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi Guys,
I've created a popover component using the popper js, but always initial position is redering wrong. To fix the position i need to scroll so after to interect with the DOM the position change and become perfect.
I'm using classes, fade-in & fade-out to control the visibility follow below the classes.
The animations are using opacity to looks smoother.
Hi Guys,
I've created a popover component using the popper js, but always initial position is redering wrong. To fix the position i need to scroll so after to interect with the DOM the position change and become perfect.
I'm using classes, fade-in & fade-out to control the visibility follow below the classes.
The animations are using opacity to looks smoother.
&.fade-in { animation: fade-in 0.5s ease; visibility: visible; }
&.fade-out { animation: fade-out 0.5s ease; visibility: hidden; }
Before scroll:
![image](https://private-user-images.githubusercontent.com/100690430/292588563-7114bdbf-b7cd-40e8-a8f4-c022696f3bf8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNjUxNTAsIm5iZiI6MTcyNjE2NDg1MCwicGF0aCI6Ii8xMDA2OTA0MzAvMjkyNTg4NTYzLTcxMTRiZGJmLWI3Y2QtNDBlOC1hOGY0LWMwMjI2OTZmM2JmOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMlQxODE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yYTIxYWQ5MWI2YzNlMzlkNmY5ODY2NDBhNzMwZGY1MWVmOGU5NTQ3MWI5MDFjZGM2MDc3YjFiNThhNmNiOGJhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.YzWGBnPOdnmn6TQ0m71ptLxEyk4P3jepwHvnoa7Ys-4)
After scroll:
![image](https://private-user-images.githubusercontent.com/100690430/292588598-d9f06e69-ba40-45bc-968e-cd0f3a0d60f1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNjUxNTAsIm5iZiI6MTcyNjE2NDg1MCwicGF0aCI6Ii8xMDA2OTA0MzAvMjkyNTg4NTk4LWQ5ZjA2ZTY5LWJhNDAtNDViYy05NjhlLWNkMGYzYTBkNjBmMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMlQxODE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hYTI0OTM5NmIzNTI4ZjgyMzUyMTNhMTM0ZGQwNDcyYWFiZTU0MDE0MmIzZjI0MDg2YzRjODI0ODVjOGQxMzY1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.WstbLQNP46355ujdHJ5RkxxwZl4An_s-AQP4TP3GUn0)
Someone have faced it before or has some idea how to solve it?
The text was updated successfully, but these errors were encountered: