Please see attached file: https://i.stack.imgur.com/VLgpo.png

The behavior of the option tag works differently in different browser. And I prefer the UI look in Chrome where the materialId and materialDescription is shown. How to make it in Firefox?

The code is like this:

<datalist id="products">
    <option
       v-for="product in products"
       :key="product.materialId"
       :value="product.materialId"
    >{{ product.materialDescription }}
    </option>
</datalist>

Can someone help me?

Thanks,