Searchbar not working on SmartSelect on Page

Hi,

I’m using a Smart Select with data-open-in=“page” and data-searchbar=“true” .
The searchbar appears but it is not working and it is also showing error on the console when selecting an element from the list:

Uncaught TypeError: Cannot read property 'trigger' of undefined
at t.destroy (framework7.js:20038)
at t.onClose (framework7.js:15943)
at t.pageBeforeOut (framework7.js:15982)
at HTMLDivElement.l (framework7.js:1067)
at Dom7.trigger (framework7.js:1189)
at t.pageCallback (framework7.js:8234)
at t.backward (framework7.js:6891)
at t.loadBack (framework7.js:7012)
at t.back (framework7.js:7105)
at t.<anonymous> (framework7.js:8675)

If I change the data-open-in to “popup” the searchbar works ok.

Is there any extra parameter missing or searchbars do not work on smartselect with items on page?

I prefer to use the open in page instead of popup.

Thanks,

Hi, yes, there is a bug with it, it is already fixed, so the fix will be in next release

I meet this bug in version 6.0.3, It seems that when click then link It call the destroy method before open, so the ss is marted as destroyed and the$el is undefined.

why you destroy it before open?

export default () => {
  return (
    <Page>
      <Navbar title="评价类型" backLink />
      <List>
        <ListItem
          title="kao he"
          smartSelect
        >
          <select name="fruits">
            <option value="apple">Apple</option>
            <option value="pineapple">Pineapple</option>
            <option value="pear">Pear</option>
            <option value="orange">Orange</option>
            <option value="melon">Melon</option>
            <option value="peach">Peach</option>
            <option value="banana">Banana</option>
          </select>
        </ListItem>
      </List>
    </Page>
  );
};

I’m use smartselect in a ‘form’ List and function component

image

image

image

image