While using infinite-scroll-content for infinite scrolling , i noticed that sometimes infinite-scroll gets called twice which leads to same content appended twice on page which is undesirable from user prespective. How can i ensure that infinite event is only fired once
infinite event happens all the time when user scrolls in specific areas. You need to follow the Infinite scroll examples and introduce some boolean flag like there that prevents it from firing multiple times, when something is still loading https://framework7.io/docs/infinite-scroll.html#example
I’m already using isallowinifinte boolean flag . I guess it could be happening due to import statement which is called inside event . does import statements get called asynchronously?
Yes, imports are asynchronous