Ng-repeat Overflows Vertically

I currently have an Angular application and my ng-repeat list is overflowing its container vertically. Here is a picture of the problem: As you can see the list is overflowing its

Solution 1:

Graham. It is pretty had for us to give you an answer as long as we don't have your working project, but I think the changes you should make are as follows:

• The "gt-list-group-item" divs should have another class, "row" (I believe you are using Bootstrap since you have col-xs-4 and so on.
• Add Overflow:scroll to the foodList div.

Please come back with feedback if it does not work.

Solution 2:

The problem was that the div containing the ng-repeat list, in this case the div with id="foodsTab", did not have its height explicitly set. It only had the max-height set. The ng-repeat list needed this height value to determine its own height.