Consulte el archivo adjunto: https://i.stack.imgur.com/VLgpo.png

El comportamiento de la etiqueta de opción funciona de manera diferente en diferentes navegadores. Y prefiero el aspecto de la interfaz de usuario en Chrome, donde se muestran materialId y materialDescription. ¿Cómo hacerlo en Firefox?

El código es así:

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

¿Alguien me puede ayudar?

Gracias,