textChange of searchbar in TabView only triggered once

Question

I have a tab component with a search component. This component exists of a searchbar with textChange-event. The event is triggered once when the app is starting and then never again. Same code works perfectly when not part of the tabview.

The tabview (shortened):

<TabView id="tabview1" (selectedIndexChanged)="onSelectedIndexChanged($event)">
    <StackLayout *tabItem="{title: 'search' | L, iconSource: getIconSource('search')}">
        <Search></Search>
    </StackLayout>
</TabView>

The search component looks like this:

<Page>        
    <StackLayout>
        <SearchBar [text]="searchPhrase" (textChange)="onTextChanged($event)"></SearchBar>
    </StackLayout>
<Page>

onTextChanged() only prints (or rather would print) the new text to the console.

Any idea how to solve this?

Answer 1

The problem was the page in my search component. After removing it, the event gets triggered as intended.