Fixed #2196 - VirtualScroller issue

primefaces · Jul 16, 2021 · 02c2fcb · 02c2fcb
1 parent a5bd2d2
commit 02c2fcb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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}