List items (ordered + unordered) are not rendered on same line

[hassiebp]

Hey all,

happy new year!

Unfortunately markdown with ordered or unordered lists are not rendered on the same line / aligned correctly. Any hints on how to fix this behavior? Snack with minimal repro: https://snack.expo.dev/@hassieb/react-native-markdown-display-ordered-list

[hannojg]

is this on android? You might want to set includeFontPadding: false in the styles of the markdown component and try that

[hassiebp]

Thanks for the suggestion @hannojg ! Unfortunately, this issue exist cross-platform (see link to Snack above) and the includeFontPadding option does not fix the issue at least from what I've tried

[difasulthon]

I have the same issue, how to fix it?

[malikbanuaji]

i think adding width to ordered_list_icon or unordered_list_icon fix it, it was not aligned correctly because they have different font width.

markdown: {
  ordered_list_icon: {
    width: 14 // or your value
  }
}

[difasulthon]

i think adding width to ordered_list_icon or unordered_list_icon fix it, it was not aligned correctly because they have different font width.

markdown: {
  ordered_list_icon: {
    width: 14 // or your value
  }
}

It is solved for me. Thank you for the suggestion