Expected behavior:I Expect the multiselect to bind roles to my list of strings in my DTO object

Actual behavior:The inclusion of the "select" class results in the form posting the DTO with the Roles property as null.

Note: Without the select class, this list is properly filled out, so I know the select class is monkeying around somehow. I have tried creating each option in the select list manually, I have tried normal html without the razor-tag-helpers. All result in the same.

Developer tools inspection of the html in chrome also displays the correct parameters which should bind correctly, with and without the class. The inclusion of the aria-wrapper stuff seems to bug out the form binding. Or maybe not.

--Select Tag--

 <select class="select" id="@selectId" name="Roles" multiple
                            asp-items="@(new MultiSelectList(roleManager.Roles?.ToList(), "Name","Name",selectedRoles))">
                    </select>

--Controller Post--

[HttpPost()]
    [Route("update")]
    public async Task<IActionResult> Update(UpdateUserDTO userDTO)
    {

        string json = JsonSerializer.Serialize(userDTO);

--Model--

public class UpdateUserDTO
{
    [Required]
    [DataType(DataType.EmailAddress)]
    public string OldEmail { get; set; }

    [Required]
    [DataType(DataType.EmailAddress)]
    public string NewEmail { get; set; }

    public List<string> Roles { get; set; }

}

Furthermore, inspecting with javascript, with and without the inclusion of the select class, returns the correctly selected options:

document.getElementById("@selectId").addEventListener("change", () => {


    let x = document.getElementById("@selectId");
    var txt = "";
    var val = "";
    for (var i = 0; i < x.length; i++) {
        txt += x[i].text + ",";
        val += x[i].value + ",";
    }
    alert(txt);

});