Description
I have been having some very strange grid size issues. The application I am working has a page with a left frame containing one ui-grid and a right frame with two ui-grids. The two grids in the right frame are meant to be blank until a row in the grid in the left frame is selected. The first time I go to the page everything works fine and the grids are sized correctly. However, I run into issues the second time I go to the page. Restarting the Node.js server will reset this.
Using Firefox, the grids in the right frame have a smaller width than their parent div. They only fill up about two thirds of the space they are supposed to. Refreshing the page or pulling up the f12 developer console fixes this sizing.
Using Chrome, the grid in the left frame does not take up as much height as it should. In addition, one of the columns gets wider and causes formatting issues for the other columns. Refreshing the page fixes the problem, but the f12 console does not.
I have no idea why this is happening, why it doesn't happen on the first time or why it happens differently on firefox and chrome. Any help would be greatly appreciated.