Keyboard Navigation enhancements

[ddincheva]

Closes #6747
Closes #6882 (KB Nav. MRL)
Closes #6835
Closes #6947
Closes #5709

Additional information (check all that apply):

• Bug fix
• New functionality
• Documentation
• Demos
• CI/CD

Checklist:

• All relevant tags have been applied to this PR
• This PR includes unit tests covering all the new code
• This PR includes API docs for newly added methods/properties
• This PR includes feature/README.MD updates for the feature docs
• This PR includes general feature table updates in the root README.MD
• This PR includes CHANGELOG.MD updates for newly added functionality
• This PR contains breaking changes
• This PR includes ng update migrations for the breaking changes
• This PR includes behavioral changes and the feature specification has been updated with them

Issues:

• 1. When open a cell in edit mode and press Tab key the events onCellEdit and onCellEditEnter are called 2 times

• 2. MRL: Arrow Left key does not work correct. Create a grid similar to the ColumnLayoutTestComponent. Click on a cell in column ContactName and press arrowLeft. First cell is selected instead of previous.

• 3. Row Editing: when a custom row editing template and press tab, the next row row cell is selected. Can be reproduced in the gridRowEdit sample with clicking Custom template.

• 4. Row editing: when the grid is scrolled and press tab on apply button not correct cell is selected:
  

• 5. When focus the grid with the tab key the event onSelection should be fired

• 6. When click on a Masterdetail and press Ctrl+arrow down/up the grid is not scrolled (this behavior stays as it is (The spec should be updated)) (related issue: 7048)

• 7. When navigate with tab or shift+tab the grid should be scrolled to the first cell. Open dev sample gridSummary. scroll down and click on a cell. Press tab key. Press Shift + tab. the first cell is not focused.

• 8. MRL: Navigating with Ctr+ Arrow left doe not navigate to the correct cell.
  Steps to reproduce:

1. Open dev sample gridMRL
2. Hide column ID
3. Click on a cell in column Fax
4. press Ctrl + arrow Left
5. cell in column CompanyName is selected, but the cell in column ContactName should be sected
   see unit tests:

• should navigate to the first cell from the layout by pressing Ctrl + Arrow Left and Right key

• should navigate to the first cell from the layout by pressing Ctrl + Arrow Right and Left key

• 9. MRL: Navigating with arrow Up/Down does not navigate to the correct cell. see unit tests:

• should navigate using Arrow Down through cell with smaller colStart and bigger colEnd

• should navigate using Arrow Down through cell with same colStart but bigger colEnd

• should navigate using Arrow Up through cell with smaller colStart and bigger colEnd

• should navigate down to next row inside pinned area when pinning second block in template

• should navigate down to next row inside unpinned area when pinning second block in template

• should navigate up to next row inside unpinned area when pinning second block in template

• 10. If there is no active node navigateTo method returns error.
  See unit test:

• navigateTo method should work in multi-row layout grid

• 11. Row Editing: when there is a custom row editing template with buttons using IgxRowEditTabStop directives the navigation never goes through them. (Also reproducible in master)[7049]

• 12. In Edge when press Esc key on a cell in edit mode it is not possible to continue with keyboard navigation.

• 13. When from the last row press Shift+Tab from edited cell the header is focused.
  Steps to reproduce:

1. Open dev sample gridCellEditing
2. Scroll to the button and in the last row double click on the cell in column ProductID
3. Press shift+tab
4. The header is focused, but the previous editable cell should be opened in edit mode.

• 14. Navigation is broken in Chrome when in zoom is applied in the display setting. See coment

• 15. Navigation between summaries tbody and headers is not working in some cases:

• shift + tab from summary to tbody when there are/is a focusable element(s) brokes the behaviour and does not select the right cell

• shift + tab from summary to tbody without focusable element(s) selects the right cell but does not move the selectable style.

• When navigating from tbody to header errors are thrown due to incorrect focus application. (mrl sample)

• When navigating from outside the grid to the headers section nothing happens and lacks an ability to interact with it.

• 16 When grid is scrolled horizontal it is not possible to resize a column.
  Steps to reproduce:

1. Open dev sample gridColumnResizing
2. Scroll horizontal and start resize column City
3. Th scroll is moved to the beginning and the column cannot be resized