Optgroups en una datalist

Estoy intentando crear un cuadro de entrada donde las respuestas disponibles se enumeran en una lista debajo. Esto puedo hacerlo, pero no puedo ordenar las respuestas disponibles en grupos de opciones. Cuando se ejecuta el código, las respuestas se enumeran sin las opciones de grupo.

¿Es posible utilizar opciones de grupo en listas de datos o son opciones exclusivas de los elementos de selección?

Aquí hay un ejemplo de código donde no se muestran las opciones de grupo

<label>Elija un coche eléctrico
<input class="downdrop" id="valdModellCompare2" list="elfordon" onchange="getSelectValue();"></label>
<datalist id="elfordon">
   <optgroup value="Coche eléctrico">elbil
      <option value="teslas">Tesla Model S</option>
      <option value="teslax">Tesla Model X</option>
      <option value="tesla3">Tesla Model 3</option>
      <option value="i3">BMW i3</option>
      <option value="id3">Volkswagen ID.3</option>
      <option value="id4">Volkswagen ID.4</option>
      <option value="niro">KIA Niro</option><br>
      <option value="etron">Audi e-Tron</option>
      <option value="polestar">Polestar 2</option>
      <option value="xc40e">Volvo XC40 Recharge</option>
      <option value="leaf">Nissan Leaf</option>
      <option value="taycan">Porsche Taycan</option>
   </optgroup>
   <optgroup value="Híbridos enchufables">hibrido
      <option value="outlander">Mitsubitshi Outlander Hybrid</option>
      <option value="v60hybrid">Volvo V60 twin engine</option>
      <option value="optima">KIA Optima SV</option>
      <option value="passatgte">Volkswagen Passat GTE</option>
      <option value="priushybrid">Toyota Prius Hybrid</option>
      <option value="golfgte">Volkswagen Golf GTE</option>
      <option value="x545e">BMW X5 45e</option>
      <option value="530e">BMW 530e</option>
   </optgroup>
</datalist>