title: How can I process a keyboard event in the <cdk-virtual-scroll-viewport?
body: <p>I created a virtual scroll list with divs. Using event binding I can attach actions to click an dblclick events. I would like to bind a keyboard event like KeyPress to detect the enter key and mimic the action of a mouseclick. Whatever I try the events do not fire. What am I doing wrong? </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;cdk-virtual-scroll-viewport itemSize="54" id="link-viewport" 
                                  *ngIf='linkType.TypeId == data.activeLinkType'
                                  [style.flex-basis]='data.linkListFlex'
                                  minBufferPx='1080' 
                                  maxBufferPx='1350'
                                  (onContentScrolled)='onLinkKeyPress()'
                                  &gt;
      &lt;div *cdkVirtualFor="let link of ds; let index = index; templateCacheSize: 100" 
                      class="link-item" fxLayout='row' fxLayoutAlign='start center' matRipple
                      [class.tw-link-selected]='link?.LinkId==data.activeLinkId'
                      (click)='onLinkClicked(link.LinkId)'
                      (dblclick)='onLinkDblClicked(link.LinkId)'
                      (onkeypress)='onLinkKeyPress(link.LinkId)'
                      &gt;
  
          &lt;mat-checkbox class='list-left' *ngIf='showCheckBox()' color='primary' 
                          fxFlex='0 0 20px'
                          [checked]='link.Checked'
                          (change)='onCheckChange(link)'&gt;
          &lt;/mat-checkbox&gt;                
  
          &lt;div class='tw-text-wrapper'
                  fxFlex='1 0 100px'
                  fxLayout='column' 
                  fxLayoutAlign='center start'
                  &gt;  
              &lt;span matLine class='tw-list-1'&gt;{{link?.DisplayName || '-'}}&lt;/span&gt;
              &lt;span matLine class='tw-list-2'&gt;{{link?.SubTitle}}&lt;/span&gt;
          &lt;/div&gt;                   
  
          &lt;button mat-icon-button class="list-remove" *ngIf='showRemoveButton()'
              (click)="onSingleLinkRemoveClicked(link.LinkId)"
              &gt; 
              &lt;mat-icon class='svg-icon' svgIcon="delete"&gt;&lt;/mat-icon&gt;
          &lt;/button&gt;       
  
      &lt;/div&gt;                
  &lt;/cdk-virtual-scroll-viewport&gt;
  </code></pre>
  
  <p>Thanks for your attention!</p>