When placing a
splitbutton on a page directly from a component - say, splitbutton "A" - it works as documented.
When calling a
secondary component to apply some logic to the data and then show a
splitbutton ("B"), it responds to event handlers
correctly but won't show the items in the menu. A small rectangle appears below the main widget but with nothing in it. Looking in Chrome Dev Tools "Inspect", there' ul and /ul
and nothing inbetween.
I've confirmed the [items] input syntax is exactly alike in both of them and that the ItemModel data is populated correctly (I can iterate it on the page in each case).
A and B both look like this:
<ejs-splitbutton #sfSplitbuttonMenu
[disabled]="!userAuthorized"
[content]="textForDefaultChoice"
[items]='sbItemsList'
cssClass="splitbuttonStyle"
(click)="splitbuttonMainItemClicked($event)"
(select)="splitbuttonItemSelected($event)">
</ejs-splitbutton>
Maybe there's something about the subcomponent situation that prevents it from working right? Or maybe I've missed something else.
