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
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
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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); }
Partager