diff --git a/src/core/components/smart-select/smart-select-class.js b/src/core/components/smart-select/smart-select-class.js index 36991c4f25..7575a70174 100644 --- a/src/core/components/smart-select/smart-select-class.js +++ b/src/core/components/smart-select/smart-select-class.js @@ -513,7 +513,7 @@ class SmartSelect extends Framework7Class { {ss.params.searchbar && <div class="searchbar-backdrop"></div>} <div class="page-content"> <div - class={`list list-outline-ios list-strong-ios list-dividers-ios smart-select-list-${ + class={`list list-outline-ios list-strong-ios list-dividers-ios smart-select-list smart-select-list-${ ss.id } ${ss.params.virtualList ? ' virtual-list' : ''} ${ ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : '' @@ -569,7 +569,7 @@ class SmartSelect extends Framework7Class { {ss.params.searchbar && <div class="searchbar-backdrop"></div>} <div class="page-content"> <div - class={`list list-outline-ios list-strong-ios list-dividers-ios smart-select-list-${ + class={`list list-outline-ios list-strong-ios list-dividers-ios smart-select-list smart-select-list-${ ss.id } ${ss.params.virtualList ? ' virtual-list' : ''} ${ ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : '' @@ -601,7 +601,7 @@ class SmartSelect extends Framework7Class { </div> <div class="sheet-modal-inner"> <div class="page-content"> - <div class={`list list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`}> + <div class={`list list-strong-ios list-dividers-ios smart-select-list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`}> <ul>{!ss.params.virtualList && ss.renderItems(ss.items)}</ul> </div> </div> @@ -618,7 +618,7 @@ class SmartSelect extends Framework7Class { return ( <div class={`popover smart-select-popover ${cssClass}`} data-select-name={ss.selectName}> <div class="popover-inner"> - <div class={`list list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`}> + <div class={`list list-strong-ios list-dividers-ios smart-select-list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`}> <ul>{!ss.params.virtualList && ss.renderItems(ss.items)}</ul> </div> </div>