Cannot set HLS quality programmatically

[DoomDesign]

Current, unexpected behaviour: When trying to set the hls quality programmatically, the player does not load the video and keeps buffering / spinning the loading indicator.

Example Codepen: https://codepen.io/DOOMdesign/pen/OJOpyaM (Tested in Chrome & Firefox, same bug in both browsers)

Really simple setup. First this occured to me with Angular, then I set up this vanilla JS codepen using the CDK library to see if the bug is there, too. And yes, it is. When I don't try to set the quality, the video plays just fine, using the 'Auto' quality level.

Expected behaviour: When setting the quality level programmatically, the player should play (or prefer) the selected source quality, given that the value is valid.

[Edward-Ta]

Exactly what I am trying to do right now.