I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments".
This way they'll be able to access quickly to relevant information regarding its row.
- When no row is selected (on page load) no panel is shown.
- The panel has an option "Keep open" that will enable users to change from row to see the Events and Comments of the selected row.
- If the option "Keep open" is turned off, then the panel will be kept hidden all the time unless the user right clicks on the row (or uses an icon in it) to display the comments and events for the selected row. If the users selects any other row, the panel will be kept hidden unless the right click or the icon is used again.
With this in mind, the problem I'm facing now is that if I select a row which is in the very bottom of the page, once the panel appears it will hide the selected row leaving it under the panel itself.
This is far from idea. Any suggestions?