editted
the reason why I cannot get the grid-area's height and width is that I am using Vue as my UI framework, and it will group web changes together as one tick.
my current solution is to get grid-area's height and width in Vue.nextTick, which resolve the problem.
original question
as title, since several grid can be grouped as a whole grid-area, how to get the specific grid-area's size? What can I get is only the grid item's height and width.
the only way is to calculate it by its span? is there any other way more directly?
several initial separated grids