Ripple effect blocks click event.

UI Components for Vue
Post Reply
tolgaatrgt
Posts: 1
Joined: 20 Dec 2021, 13:23

20 Dec 2021, 13:30

Click function ( onRemove ) of Listbox Item is not triggering. It works only after by long press (click and hold) or by disabling Ripple directive globally. See the code below.

Code: Select all

<Listbox :options="newGroupedMarkets" optionLabel="name" optionGroupLabel="label" optionGroupChildren="items">
   <template #option="slotProps">
              <div class="option-row">
                <span>
                  {{slotProps.option.name}}
                  <Badge value="New" v-if="slotProps.option.isNew" />
                </span>
<div @click="onRemove(slotProps.option.id)" class="remove-icon far fa-trash-alt" />
</div>
              </template>
        </Listbox>

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

21 Dec 2021, 15:18

Could you share a codesandbox link?

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest