I am facing Issue with "Confirm Window" Alert...I need to center the "Window.Confirm" alert in the Center of the Page, But it is showing at the Top of the Page.. Can Anyone Help me How Can I do that, Here In the Delete Function I am Dispatching an Action through Redux, Can Anyone Please Help me in this, Thanks in Advance..
Delete Function with Confirm Window :
const deleteData =(productId) =>{
if(window.confirm('Are You Sure, You want delete?')){
dispatch(allActions.deleteData(productId))
}
}
It is not possible to customize the appearance or position of the native browser UI elements which appear when invoking window.confirm. They are not part of the DOM. You can write your own or use an existing module which provides equivalent functionality.
It is not possible to change the position of window.confirm.
You can either create a modal component in React or use one of the existing npm packages like react-modal.