In the latest round of website maintenance issues… In the latest version of Chrome, v79 for Android, it was found the Tiled Galleries weren’t displaying / resizing properly anymore and were ending up being cut off on the right hand side. The funny thing was that the Desktop and iOS variants of Chrome (v79) were unaffected. Similarly, all the other browsers (Such as Brave and Firefox) on Android would display the same galleries fine.
Decided to try and debug it. After much blooming mucking around trying to get Chrome PC DevTools to recognize my phone. Managed to start walking through the code and identify where it was flipping out… but not necessarily understanding why.
All I know was at the highlighted line, it would skip right out without error. Often at the same time it would cause my USB Debugging / ADB connection to the phone to die, requiring me to revoke all Debugging access permissions on my phone and then trying to re-authorize the connection to get it going again.
The section of code checks if all the images have been loaded up prior to executing the actual resizing / re-scaling of the Tiled Gallery images.
Anyway, have since identified and implemented a workaround in code and I am now testing it out on all the browsers I have access to. I am thinking however that this isn’t anywhere near the last of the challenges I will be facing while maintaining my own web presence and services going forward (as opposed to relying on Facebook / Instagram for that). Facebook have whole dedicated teams to troubleshoot shit like this.