Subscribe on changes!

Wrongly rendering ordered list

avatar
Mar 30th 2023

Vue version

3.2.47

Link to minimal reproduction

https://sfc.vuejs.org/#eNqtkV1qwzAQhK8i9BxJNAkUjFvSe+ghrr20avWHtHZbgu/elZ3WaQqBQN5mv1lmYPfAn2KUQw+84nVuk4nIMmAfH7Wv1QxI0oDgom0QaGKs7swwCZLBstY2OT9o7r7EJDU/mmRb8yMZGwTCJ9LighjbF3a3X9Biq2tj1reJ2dwmZnsxplbBzsdU8zVr9XtjvuLGxZBQuCbKtxw8/edQlvXRoBtXbCKF0QPLrPkrYsyVUr2P7y+yDU7tyFOp92gciC643Uau5faeOjOecgnZiecUPjIkatR8dRKuCA6QRALfQYJ0sexs90/hmfevtHSO2o98/AbBn8RD

Steps to reproduce

Create a list of 4 <li> items in an ordered list <ol> wrap the list into a div image

What is expected?

the content of each item should render properly image

What is actually happening?

the text (set by v-text) isn't rendered image

System Info

No response

Any additional comments?

I noticed that the items text is rendered when I:

  • remove the <ol> class
  • remove the <div> container
  • remove one of the items
  • remove the line break before the text