I have a page where I'm trying to render a header with MDL and then preload some images. Unfortunately, I'm ruing into a problem where the image preload function actually blocks the library from properly rendering elements until all the images are done preloading.
I've tried putting the preload function in a timeOut with 2 seconds, but while that works for most fast coections, on slow enough coections, the same problem seems to arise.
As a result, I'm looking for a way to be able to tell through Javascript when the library is done loading and executing - when all the elements are rendered properly. Is there a callback that MDL fires off that I can use to then begin preloading iamges?
Or is there a better alteative solution?