We have a (row details) panel that appears below selected rows. When elements in this panel near the right edge of the page are clicked, the columns in the main grid scroll left. So, clicking on the date (a row in a listview "5 Jul 10") in the picture below will make the name column move left, showing the next column giving a poor user experience. Clicks elsewhere in the panel don't cause the main columns to scroll and clicks on elements that don't react to clicks don't affect the column scrolling: Clicking on the header "Date" does not make columns scroll.
Also, when the panel is vertically resized, the columns scroll.
How can we stop this behavior?
Addl detail:
We're grouping with a header.
The details panel stays visible via a RenderTransform, so that when the columns are scrolled right or left, the panel stays in place.
The relevant changes in the grid template are attached (GridChange.txt)
Hello,
I am not sure what is going on without the complete styles but it looks like a layout issue inside the DataRecordPresenter. Is it possible to provide more of the code that you are using so that we can create a sample?
Moreover, have you looked at this sample implementation of row details? It would probably take care of some of the issues you are facing.
Here's a better picture: