Skip to content

Expandable list doesn't work correctly in case of lists inside expandable content #2485

@gulzaibAmjed

Description

@gulzaibAmjed

An expandable list shows the last item from expandable content if there are divs having different classes such as right or left. It shows the last item on top as the main string. Plese see the code that I placed.

How to Generate:
Have multiple list items in an expandable item having the right, left classes.

<ons-list-header>Expandable</ons-list-header>
<ons-list-item expandable>
  Tap to expand
  <div class="expandable-content">
    <ons-list-item>
      <div class="left">Start Date:</div>
      <div class="right">1.12.2019</div>
    </ons-list-item>
    
    <ons-list-item>
      <div class="left">End Date:</div>
      <div class="right">1.01.2015</div>
    </ons-list-item>
    
    <ons-list-item>
      <div class="left">Aktiv</div>
      <div class="right"><ons-switch checked></ons-switch></div>
    </ons-list-item>
  </div>
</ons-list-item>

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions