bug(select[matNativeControl]): Sometimes the options are not triggered

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

prior to mdc migration

### Description

when using `select[matNativeControl]` inside `` there's a couple of problems:

1. when using an empty string as the default option, the label appears within the form field. directly clicking the label does not trigger the options.
2. clicking just inside `mat-form-field` (inside the outline) also does not trigger the options

### Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-r49x2i?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
1. click the label while it's within the form field
2. also click just inside the bounds of the form field

### Expected Behavior

triggers the options

### Actual Behavior

options are not triggered - label just moves up

### Environment

- Angular: 16.1.2
- CDK/Material: 16.1.3
- Browser(s): chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Bắt đầu với bản tái hiện StackBlitz được liên kết và sự tương tác giữa select[matNativeControl] với mat-form-field appearance="outline". Tái hiện các lần nhấp vào nhãn và đường viền, sau đó xác minh rằng cả hai đều kích hoạt các tùy chọn mà vẫn giữ nguyên hành vi mong đợi của nhãn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.