Topic: Problem when using Multiple modals mdb4 - Input in Modal 2 doesn't work why ?

smichaud free asked 1 year ago


Expected behavior

I should be able to change the text "Valeur 2" into my input field.

Actual behavior

  1. Press button "Launch Modal Modal"
  2. Press "Open Modal 2"
  3. Try to edit "Valeur 2" it doesn't work. Focus always changed when I clicked on it.

You can see it here : https://angular-ivy-nskw55.stackblitz.io

Screenshot of the problem


Arkadiusz Idzikowski staff commented 1 year ago

@smichaud We could not open the demo you provided. Can you make sure that it is working correctly or include HTML/TS code on which we will be able to reproduce the problem?


smichaud free commented 1 year ago

Example with HTML/TS code : https://stackblitz.com/edit/angular-ivy-nskw55?file=src/app/app.component.ts

I found a workaround, it's working great if I dynamically generate modal in my Typescript.



We recommend using the dynamic modal in this case, it will allow you to open the second modal without adding its code inside the first modal HTML structure.

https://mdbootstrap.com/docs/angular/modals/basic/#dynamic



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB4 10.1.1
  • Device: Desktop
  • Browser: Chrome Version 92.0.4515.131
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes