Tai’s solution from that post seems to work, but I also found out several things about the issue:
This happens with elements without hover state set.
The flickering happens even within desktop view only, by just moving the troubled element from one grid cell to another.
Temp solution: If I move the element outside of the grid first and then back into it, I can then move it within the grid without any issues, flickering is gone. (without applying Tai’s fix)
I cannot identify what caused the element to become troubling in the first place, though. It can be related to copying elements. But if I create an exact new element and add the same class, I can move this element within the grid without causing any issues. The problem only happens with a ‘tainted’ element, but by taking it out of the grid element and back again the issue is resolved.
I added a test example at the bottom of my page to play with.
This happens when moving the block from one grid cell to another.
As you can see, there are no hover settings involved, and no grid layout change on mobile views.
You can even remove the block’s class and the issue will still happen.
There are no errors on console either.
Problem is resolved if you move the block out of the grid and then back in.
Only thing important is that I copied the offending element over from my original project, along with the grid element, but I then removed their classes and created new ones. I don’t know at this point how to recreate the issue from scratch.