skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(autocomplete): dividers in list throwing off keyboard navigation (#13224)

Browse Source 
Since we count on the options being a particular height, having 1px dividers between them ends up throwing off the keyboard navigation. These changes add an offset to the dividers to avoid the issue.

Fixes #13200.
This commit is contained in:
Kristiyan Kostadinov
2018-10-02 19:36:37 +02:00
committed by vivian-hu
parent 6da7d233ec
commit 0886cef8e9
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/autocomplete/autocomplete.scss
+6
View File
@@ -32,6 +32,12 @@ $mat-autocomplete-panel-border-radius: 4px !default;
border-top-right-radius: $mat-autocomplete-panel-border-radius;
}
// We need to offset horizontal dividers by their height, because
// they throw off the keyboard navigation inside the panel.
.mat-divider-horizontal {
margin-top: -1px;
}
@include cdk-high-contrast {
outline: solid 1px;
}