Select tag as multiple when size is equal to 1

[plans-coding]

Prerequisites

• [x] I have searched for duplicate or closed issues
• [x] I have validated any HTML to avoid common problems
• [x] I have read the contributing guidelines

Describe the issue

This example is not rending properly (when size="1")

<select class="form-select form-select-lg mb-3" aria-label="Large select example" multiple size="1">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select> 

Reduced test cases

<select class="form-select form-select-lg mb-3" aria-label="Large select example" multiple size="1">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select> 

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Microsoft Edge

What version of Bootstrap are you using?

v5.3

[coliff]

it's best to provide a reduced test case with Codepen or Stackblitz. I made a Stackbltiz for it. https://stackblitz.com/edit/bootstrap-select-multiple-size-1?file=index.html

I guess it isn't officially supported as it's not good for accessibility. See MDN for details.