Skip to content

Numbers in InputMenu component cause error in filter #3606

@ExXTreMe315

Description

@ExXTreMe315

Environment

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0

Reproduction

<template>
  <div>
    <UInputMenu :items="idList" v-model="value" />
  </div>
</template>

<script lang="ts" setup>
const value = ref(0)
const idList = ref([168, 170, 203])
</script>

Description

If adding array of numbers to InputMenu the menu isn't closing after choosing a number.
Only way to close it is double-clicking on the dropdown arrow.
The Console shows an error in useFilter.

Additional context

Image

Image

Logs

Uncaught (in promise) TypeError: string.normalize is not a function
    at contains (useFilter.js?v=87101672:23:21)
    at InputMenu.vue:114:18
    at wrappedFn (reactivity.esm-bundler.js?v=87101672:820:19)
    at Array.filter (<anonymous>)
    at apply (reactivity.esm-bundler.js?v=87101672:828:27)
    at Proxy.filter (reactivity.esm-bundler.js?v=87101672:720:12)
    at InputMenu.vue:112:50
    at Array.map (<anonymous>)
    at ComputedRefImpl.fn (InputMenu.vue:112:27)
    at refreshComputed (reactivity.esm-bundler.js?v=87101672:353:29)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions