Bulma: Select and Input next to each other with the same width

Question

I am trying to position a select and input field with the same width next to each other.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet" />

<div class="field-body">
  <div class="field is-fullwidth">
    <input class="input" type="number" placeholder="Name">
  </div>
  <div class="field has-addons">
    <div class="control is-expanded">
      <div class="select is-fullwidth">
        <select style="flex-basis: 0">
          <option>Choose..</option>
          <option>...</option>
        </select>
      </div>
    </div>
  </div>
</div>

Answer 1

last example on bulma form doc:

 <div class="field is-horizontal">  
  <div class="field-body">
    <div class="field">
      <p class="control is-expanded has-icons-left">
        <input class="input" type="text" placeholder="Name">
        <span class="icon is-small is-left">
          <i class="fas fa-user"></i>
        </span>
      </p>
    </div>
    <div class="field">
      <p class="control is-expanded has-icons-left has-icons-right">
        <input class="input is-success" type="email" placeholder="Email" value="">
        <span class="icon is-small is-left">
          <i class="fas fa-envelope"></i>
        </span>
        <span class="icon is-small is-right">
          <i class="fas fa-check"></i>
        </span>
      </p>
    </div>
  </div>
</div>