Fixed #2142 - When clicking on the target element to open the confirm…

…Popup, the browser's scroll moves
primefaces · Jun 25, 2021 · f7be3a3 · f7be3a3
1 parent 2986de1
commit f7be3a3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/confirmpopup/ConfirmPopup.js b/src/components/confirmpopup/ConfirmPopup.js
@@ -108,6 +108,7 @@ export class ConfirmPopup extends Component {
         this.onExited = this.onExited.bind(this);
 
         this.overlayRef = React.createRef();
+        this.acceptBtnRef = React.createRef();
     }
 
     acceptLabel() {
@@ -243,6 +244,10 @@ export class ConfirmPopup extends Component {
         this.bindScrollListener();
         this.bindResizeListener();
 
+        if (this.acceptBtnRef && this.acceptBtnRef.current) {
+            this.acceptBtnRef.current.focus();
+        }
+
         this.props.onShow && this.props.onShow();
     }
 
@@ -324,7 +329,7 @@ export class ConfirmPopup extends Component {
         const content = (
             <div className="p-confirm-popup-footer">
                 <Button label={this.rejectLabel()} icon={this.props.rejectIcon} className={rejectClassName} onClick={this.reject} />
-                <Button label={this.acceptLabel()} icon={this.props.acceptIcon} className={acceptClassName} onClick={this.accept} autoFocus />
+                <Button ref={this.acceptBtnRef} label={this.acceptLabel()} icon={this.props.acceptIcon} className={acceptClassName} onClick={this.accept} />
             </div>
         )