I have a Searchbar within a Navbar that has a NavRight link. When I tap in the Searchbar the backdrop displays correctly. However, when the backdrop displays and I tap on the NavRight link the Searchbar onBlur fires but the backdrop is not dismissed. Should the backdrop not automatically be dismissed when the Searchbar onBlur event fires?
<Navbar>
<NavLeft backLink="Back" onBackClick={() => ref.current.f7Popup().close()} />
<NavTitle>{props.label}</NavTitle>
<NavRight>
<Link
popoverOpen={`#resource-popover-${props.id}`}>
<Icon
ios="f7:paperclip"
md="material:attach_file" />
</Link>
</NavRight>
{
mode === 'search' ?
<Subnavbar inner={true}>
<Searchbar
onBlur={() => console.log('onBlur')}
onFocus={() => console.log('onFocus')} />
</Subnavbar> :
null
}
</Navbar>