Let’s say I have a content element as the main panel of a split menu and I’m using a 2 column grid within it. The left column has a list in it and the right column is basically a detail panel with a long form that needs to scroll. How can I make the 2 columns scroll independently from one another? Here is a layout example. Would it be possible to get an example in the documentation? This seems like a pretty common master/detail layout that might help a lot of others developing for tablets. I tried using the scroll directive but it looks like a height needs to be set on it in order for it not to automatically bounce to the top which doesn’t let you tap on off screen items. I can’t see how that would scale well to different screen sizes either. Is there a better way to go about it?
<content scroll="false"><!-- Don't want the entire view scrolling at once --> <div class="row"> <div class="col-33"> <!-- Long list needs to scroll independently of second col --> <list> <item>Item 1</item> <item>Item 2</item> </list> </div> <div class="col-67"> <form> <!-- -Long form needs to scroll independently of first col --> </form> </div> </div>