Skip to content

Select: [Bug] Issue when both Filter and Editable attributes are enabled #8380

@k-0311

Description

@k-0311

Describe the bug

example

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

Environment

--

Vue version

3.5.25

PrimeVue version

4.5.4

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior


<template>
    <div class="card flex justify-center">
        <Select v-model="selectedCity" :options="cities" editable filter option-label="name" placeholder="Select a City" class="w-full md:w-56" />
    </div>
</template>

<script setup>
import { ref } from "vue";

const selectedCity = ref();
const cities = ref([
    { name: 'New York', code: 'NY' },
    { name: 'Rome', code: 'RM' },
    { name: 'London', code: 'LDN' },
    { name: 'Istanbul', code: 'IST' },
    { name: 'Paris', code: 'PRS' }
]);
</script>

Expected behavior

--

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions