The web application I'm trying to automate test cases for, uses an overlay animation every time page is refreshed or as user navigates from one page to another. I have tried applying fluent wait but that doesn't seem to work as element still appears clickable/visible to driver before the overlay is actually gone, so it ends throwing click intercepted exceptions. As far as overlay itself is considered, it is not detectable on page until it appears, so selenium throws an element not found error if the overlay element is used for fluent wait. I was wondering if anyone has ever handled such cases and knows any solution?

The web application I'm trying to automate test cases for uses an overlay animation every time page is refreshed or as the user navigates from one page to another. 

I have tried applying fluent wait but that doesn't seem to work as the element still appears clickable/visible to the driver before the overlay is actually gone, so it ends throwing click intercepted exceptions. As far as overlay itself is considered, it is not detectable on page until it appears, so selenium throws an element not found error if the overlay element is used for fluent wait. 

I was wondering if anyone has ever handled such cases and knows any solution?