Cannot reset reactive form that contains a select

What is really weird is that when I do this.myForm.reset(); inside another button, placed outside the form, the "name" is empty as it should be, but the dropdown is also completely empty, just blank, but it should show "developer", right?

No it shouldn't. What happens when we call reset()? Most importantly it sets all your values to null.

In your select, the field you want selected has the value "developer", so this will of course not then be set, as you have just reset the value to null, i.e

null === 'developer' // false!  

This is an Angular form, so Angular really doesn't care about the HTML attributes (in this case selected), but listens to the form controls and what are going on there. So what you need to do, is to reset the form with the value you want, for that you can give the value on reset:

this.myForm.reset({
  name: '',
  drop: 'developer'
});

You should use patch method to reset Form

setValue() methods to update all FormControl values.

patchValue() method will also set Formcontrol values from a model but only for those which we have mentioned in the model.

this.myForm.patchValue({
  name: ''
});

If you want to use reset method for specific FormControl values

  this.myForm.get('name').reset(); 

Example: https://stackblitz.com/edit/patch-with-form