Skip to content

Search does not return results when database value has accents but the typed query does not #2192

@fabiobelo

Description

@fabiobelo

Flux version

v2.9.0

Livewire version

v.3.5.16

Tailwind version

v3.4.17

Browser and Operating System

Chrome

What is the problem?

The searchable functionality works, but it does not match results when the database value contains accents and the user types the name without accents.

Real example:
Database value: Fábio
User types: Fabio
Result: ❌ No results found
Expected behavior: ✔️ Return Fábio, ignoring accent marks.

Impact
This causes discomfort for users, as many names naturally include accent marks, but users often type them without accents. The current strict search behavior results in a poor user experience.

Code snippets to replicate the problem

<flux:select variant="listbox" description="Responsável" searchable wire:model.live="rid" placeholder="Selecione..." search:placeholder="Buscar colaborador..." class="max-w-full w-full truncate [&_.flux-select-trigger]:truncate">
<x-slot name="search">
<flux:select.search placeholder="Pesquisar" />
</x-slot> 
@foreach ($users as $user)
@endforeach 
</flux:select>

Screenshots/ screen recordings of the problem

Gravacao.de.Tela.2025-11-29.as.08.31.47.mov

How do you expect it to work?

Expected behavior: ✔️ Return Fábio, ignoring accent marks.

Please confirm (incomplete submissions will not be addressed)

  • I have provided easy and step-by-step instructions to reproduce the bug.
  • I have provided code samples as text and NOT images.
  • I understand my bug report will be closed if I haven't met the criteria above.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions