angu | small DSL/interpreter that can be used to evaluate simple | Interpreter library

You're creating modals in a loop (in this case, 3), which is not best practice for this very problem. You'd expect that each modal has the right props depending on the item of the array, but then how does the code know which modal to display ?

Your should be outside the loop. Store a variable to know which admin to display when the modal is brought up. (It could be the index in the array, or adding a selected boolean to the admin).

When you trigger your handleShow, set this variable as well (don't forget to unset it when you're done, to prevent side-effects)

You should also use === instead of == unless it's really intended (see this SO post for more info)

EDIT: In code, it should look like this (don't copy/paste, it is untested)

The reason is because of the MatFormField's height!

Your css is perfect, the problem is that the MatFormField uses a height to show errors below of itself

I changed the height in your stackblitz: StackBlitz

Your server inside the container is listening on localhost which is different from the localhost on your machine. The container has its own localhost.

To change the app to listen to outside traffic you need to add --host 0.0.0.0 to the ng serve command in the npm start script in package.json like so: