I created a smart-select with async items received by ajax (setTimeout in the fiddle above).
Set the current smart-select value doesn't display the selected text (the recommended way to do this is to bind f7-list after prop to this text).
In the documentation is also written that smart-select will use an existing .item-after div, if one exists.
Expected Behavior
Show an async selected value and be able to change it:
Actual Behavior
When you select another option, the bound after prop remains (so the smart select now have two .item-after)
I guess vue smart-select is failing to identify and apply a pre-existing .item-after div, thus, duplicating it.
This is a (multiple allowed):
[x] bug
[ ] enhancement
[ ] feature-discussion (RFC)
Framework7 Version: 2.0.7
Framework7-Vue Version: 2.0.10
Platform and Target: Web
Live Link or JSFiddle: https://jsfiddle.net/qtsf8tr0/6/ (USE ABOUT PAGE)
What you did
I created a smart-select with async items received by ajax (setTimeout in the fiddle above). Set the current smart-select value doesn't display the selected text (the recommended way to do this is to bind f7-list
after
prop to this text). In the documentation is also written that smart-select will use an existing.item-after
div, if one exists.Expected Behavior
Show an async selected value and be able to change it:
Actual Behavior
When you select another option, the bound
after
prop remains (so the smart select now have two.item-after
)I guess vue smart-select is failing to identify and apply a pre-existing
.item-after
div, thus, duplicating it.