ownego / polaris-vue

Shopify Polaris design system for Vue JS. Shopify’s design system to help us build the great apps for all of our merchants.
https://ownego.github.io/polaris-vue/
MIT License
139 stars 29 forks source link

ActionList filtering #407

Closed tonysilva16 closed 1 month ago

tonysilva16 commented 1 month ago

Hi,

The allowFiltering prop on the actionlist component it not working as intended, not allowing to disable the search field when more than 8 items are present. The search field filtering also is not working like in the react version.

React version demo: https://codesandbox.io/p/sandbox/pedantic-danny-zwctwc?workspaceId=f65d7cf8-f51a-4f93-86f9-599cdca3293b

Vue demo:

<template>
  <AppProvider :i18n="[]">
    <div style="height: 250px">
      <Popover :active="active" autofocusTarget="first-node" @close="toggleActive">
        <template #activator>
          <Button @click="toggleActive" disclosure> More actions </Button>
        </template>
        <ActionList :allowFiltering="false" actionRole="menuitem" :items="actionItems" />
      </Popover>
    </div>
  </AppProvider>
</template>

Thanks.