From 02c2fcb895874020011df8137cdc7e556a72b7b8 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Fri, 16 Jul 2021 11:44:34 +0300
Subject: [PATCH] Fixed #2196 - VirtualScroller issue

---
 src/components/virtualscroller/VirtualScroller.css | 1 +
 src/components/virtualscroller/VirtualScroller.js  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/virtualscroller/VirtualScroller.css b/src/components/virtualscroller/VirtualScroller.css
index 8bd85f7b7e..3d159d3b67 100644
--- a/src/components/virtualscroller/VirtualScroller.css
+++ b/src/components/virtualscroller/VirtualScroller.css
@@ -4,6 +4,7 @@
     contain: strict;
     transform: translateZ(0);
     will-change: scroll-position;
+    outline: 0 none;
 }
 
 .p-virtualscroller-content {
diff --git a/src/components/virtualscroller/VirtualScroller.js b/src/components/virtualscroller/VirtualScroller.js
index 0cf35e7558..dab91b8ce0 100644
--- a/src/components/virtualscroller/VirtualScroller.js
+++ b/src/components/virtualscroller/VirtualScroller.js
@@ -565,7 +565,7 @@ export class VirtualScroller extends Component {
         const content = this.renderContent();
 
         return (
-            <div ref={(el) => this.element = el} className={className} style={this.props.style} onScroll={this.onScroll}>
+            <div ref={(el) => this.element = el} className={className} tabIndex={0} style={this.props.style} onScroll={this.onScroll}>
                 {content}
                 <div ref={(el) => this.spacer = el} className="p-virtualscroller-spacer"></div>
                 {loader}