Search does't work when use right panel

This is the seach page:

<div class="page">
    <!-- Search Bar with "searchbar-init" class for auto initialization -->
    <form class="searchbar searchbar-init" data-search-list=".list-block-search" data-search-in=".item-title" data-found=".searchbar-found" data-not-found=".searchbar-not-found">
        <div class="searchbar-input">
            <input type="search" placeholder="Search">
            <a href="#" class="searchbar-clear"></a>
        <a href="#" class="searchbar-cancel">Cancel</a>

    <div class="searchbar-overlay"></div>

    <div class="page-content">
        <div class="content-block searchbar-not-found">
            Nothing found

        <div class="list-block list-block-search searchbar-found">
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title">Acura </div>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title">Audi</div>

This is the forwad method:

	function openPanel_Zzjg(){
	//	initCrkfxPicker();
	  //  cmApi.router.loadContent('mobile/html/basics/register/test.html');
The cmPlugin is following:
      var CommSearchPanel = function(panelUrl){
            	var panel = this;
                panel.openPanel = function (panelUrl) {
                    var searchPanel = cmApi.router.loadHtml(panelUrl);
            api.commSearchPanel = new CommSearchPanel();

The result is following:

When I use another page ,the search page works properly

I guess it happens because of this:

You just replace panel content with the HTML, it won’t initialize anything in this case. So you need to init Searchbar manually using its API app.searchbar.create

1 Like

If it is F7 v1 then