With allowClear: true when you click on the little x button it automatically opens the dropdown and it automatically selects the first item in the list.
At that point selectOnClose: true will select the first item again when you close the dropdown.
So basically there is no way to clear the selection if selectOnClose: true.
Is there a workaround? Clicking the x button should just remove the selection without opening the dropdown again, i believe.