Exploring Angular Material Dialog and other Popup Window Components for a project. Making progress but facing some challenges.
Here are the requirements:
a) The original screen should not be grayed out,
b) Users should be able to interact with the window behind the popup,
c) Successfully sending data back to the original window Component (this functionality is already implemented).
The aim is to create a regular popup without locking the background screen.
Is there a way to achieve this using Angular Material Dialog? It seems to be restricting interaction with the original screen.
public openAdvancedPropertySearchDialog(): void {
const advancedApnSearchDialogRef = this.advancedApnSearchDialog.open(DocumentPropertyGridComponent, {
width: '800px',
height: '450px',
disableClose: true,
autoFocus: false,
data: "test"
});
advancedApnSearchDialogRef.afterClosed().subscribe(result => {
});
}
We could resort to using javascript's window.open method, but we prefer Angular Material because of its seamless data binding communication service. If there is another Angular option that meets these criteria, it would also be a viable solution.
https://i.sstatic.net/0LHH9.png
Resource:
How can i make a MatDialog draggable / Angular Material
Update:
Currently experimenting with hasBackdrop: false in Material Dialog, hoping this might address the issue?