CdkDrag: cdkDragHandleDisabled does not work if it is set on component instantiation

[skrtheboss]

Reproduction

Go to StackBlitz - Handle Disabled Example.
The initial state for cdkDragHandleDisabled is disabled but dragging works, only after clicking on enable and after on disable the handle is actually disabled.

Expected Behavior

The handle should be disabled at the beginning.

Actual Behavior

The handle is not disabled at the beginning.

Environment

• Angular: 8.1.3
• CDK/Material: 8.1.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[skrtheboss]

Possible solution is to add a startWith on state changes observable on this line:

return merge(...handles.map(item => item._stateChanges));

---

return merge(...handles.map(item => item._stateChanges.pipe(startWith(item))));

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}