The other day I had a weird bug happening: We had a responsive website with a dropdown menu on phones. Usually everything worked alright. Sometimes the menu wouldn’t show, though. This happened mostly on Android phones, the testers said. Of course we had to fix this as a menu just has to work no matter the device.
So how do you track something like this? You start by reliably reproducing the bug. You want to have a set of steps that always lead to this bug happening. This means it’s a deterministic problem and you have a valid chance of fixing it.
When you try to reproduce it take notes on what is happening. Make sure to write your notes without making assumptions. At this point in the debugging process it’s not your job to find a solution or reason for the bug. At this point it is your job to note the behaviour and trying to describe the bug in detail and all the side effects you are noticing.
This is what we found: