Positionner une pop up angular material
Bonjour, je développe une application angular. Je souhaite ouvrir une boîte de dialogue (une instance de MatDialog) lorsque je clique sur un bouton. Je le fais dans une méthode de ma page principale comme suit
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
openDialog(event) {
const element = document.getElementById(event.target.id);
const jqelement = $(element);
const position = jqelement.position(); // cache the position
const bottom = position.top + jqelement.height();
const dialogConfig = new MatDialogConfig();
dialogConfig.disableClose = true;
dialogConfig.autoFocus = true;
dialogConfig.position = {
top: '' + bottom,
right: '0'
};
dialogConfig.width = '50%' ;
dialogConfig.height = '350px' ;
console.log(dialogConfig);
this.dialog.open(UserDialogComponent, dialogConfig);
} |
Je veux qu'il soit positionné à droite et sous le bouton sur lequel je clique. Au début, j'ai mis top: 0px pour que la fenêtre contextuelle s'affiche dans le coin supérieur droit de la fenêtre. Il l'a bien fait. Après deux jours, j'ai essayé de le positionner juste en dessous du bouton (top: 52px), mais cela ne fonctionne pas, comme si la position précédente était conservée (pendant les deux premiers jours). Pouvez-vous m'aider
