Smart select makes a dublicate selected value


#1

Hi all! Sorry if i’m wrong write, my bad english. i use Framework7 2.0.10. My code:

    <ul>
    <!-- Smart select item -->
    <li>
        <!-- Additional "smart-select" class -->
        <a href="#" class="item-link smart-select">
            <!-- select -->
            <select name="fruits">
                <option value="all" selected>All</option>
                <option value="beaty">Beaty</option>
            <!-- ... -->
            </select>
            <div class="item-content">
                <div class="item-inner">
                    <!-- Select label -->
                    <div class="item-title">Category</div>
                    <!-- Selected value, not required -->
                    <div class="item-after">All</div>
                </div>
            </div>
        </a>
    </li>
    <!-- Another smart selects or list view elements -->
    <!-- ... -->
</ul>

Why after click and close smart select i see double selected value. Framework7 does not replace, but add new value:

<div class="item-inner">
    <!-- Select label -->
    <div class="item-title">Category</div>**<div class="item-after">All</div>**
    <!-- Selected value, not required -->
    <div class="item-after">All</div>
</div>

Its bug? Or i wrong make? Please help me


#2

Up! This problem actual


#3

Looks like bug, just remove your item-after from HTML