Sometimes integrating our recommendation widgets inside of a popup can cause an issue, for example when the popup is animated and by default set to display: none
and on a click set to display: block
.
We could solve this like shown in the following example below:
CSSlayouts/Recommendation/Slider/index.ts
@keyframes popup -tracking { from{ opacity: 1; } to{ opacity: 1; }}// popup status changes from not-active to activediv[pupup-status="active"]{ animation: popup-tracking .1s linear;}