[v3.0.1] f7-list-item text within f7-list-group does not rendering

Questions
1

This works fine for me:

<f7-list media-list>
  <f7-list-item
    title="title"
    subtitle="12345"
    text="321" />
</f7-list>

But subtitle and text are not showing in the following example:

<f7-list media-list>
  <f7-list-group>
    <f7-list-item
      title="title"
      subtitle="12345"
      text="321" />
  </f7-list-group>
</f7-list>

Only the title will show

Do you have any idea how should I fix this?

2

By default it looks for media-list prop on parent element, so just add media-list prop to list-group, or media-item prop to list item:

<f7-list media-list>
  <f7-list-group media-list>
    <f7-list-item
      title="title"
      subtitle="12345"
      text="321" />
  </f7-list-group>
</f7-list>

or

<f7-list media-list>
  <f7-list-group>
    <f7-list-item
      media-item
      title="title"
      subtitle="12345"
      text="321" />
  </f7-list-group>
</f7-list>
2 Likes