vikramlearning / blazorbootstrap

An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
https://docs.blazorbootstrap.com/
Apache License 2.0
756 stars 39 forks source link

Korean text entered twice or printed strangely #505

Closed nanenchanga53 closed 9 months ago

nanenchanga53 commented 10 months ago

Describe the bug A clear and concise description of what the bug is. Korean text entered twice or printed strangely

To Reproduce Steps to reproduce the behavior:

  1. Insert Korean Text 김우창 for Input Control
  2. I want to write "김우창" in Korean, but I can't

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem. image image

Versions (please complete the following information):

Sample code Sample code to reproduce the issue.

@code { private string customerName;

public IEnumerable<Customer> customers;

private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)
{
    if (customers is null) // pull customers only one time for client-side autocomplete
        customers = GetCustomers(); // call a service or an API to pull the customers

    return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));
}

private IEnumerable<Customer> GetCustomers()
{
    return new List<Customer> {
        new(1, "Pich S"),
        new(2, "sfh Sobi"),
        new(3, "Jojo chan"),
        new(4, "Jee ja"),
        new(5, "Rose Canon"),
        new(6, "Manju A"),
        new(7, "Bandita PA"),
        new(8, "Sagar Adil"),
        new(9, "Isha Wang"),
        new(10, "Daina JJ"),
        new(11, "Komala Mug"),
        new(12, "Dikshita BD"),
        new(13, "Neha Gosar"),
        new(14, "Preeti S"),
        new(15, "Sagar Seth"),
        new(16, "Vinayak MM"),
        new(17, "Vijaya Lakhsmi"),
        new(18, "Jahan K"),
        new(19, "Joy B"),
        new(20, "Zaraiah C"),
        new(21, "Laura L"),
        new(22, "Punith ES")
    };
}

private void OnAutoCompleteChanged(Customer customer)
{
    // TODO: handle your own logic

    // NOTE: do null check
    Console.WriteLine($"'{customer?.CustomerName}' selected.");
}

}

GitHub repo GitHub repo with minimal code to reproduce the issue.

Desktop (please complete the following information):

Additional context Add any other context about the problem here.

Is it possible to change the input control by overriding it? If you just input, you can write something else, but I want to change Grid's filtering.

MarvinKlein1508 commented 10 months ago

It works fine for me when I have the item in my list.

    private IEnumerable<Customer> GetCustomers()
    {
        return new List<Customer> {
            new(1, "김우창"),
            new(2, "sfh Sobi"),
            new(3, "Jojo chan"),
            new(4, "Jee ja"),
            new(5, "Rose Canon"),
            new(6, "Manju A"),
            new(7, "Bandita PA"),
            new(8, "Sagar Adil"),
            new(9, "Isha Wang"),
            new(10, "Daina JJ"),
            new(11, "Komala Mug"),
            new(12, "Dikshita BD"),
            new(13, "Neha Gosar"),
            new(14, "Preeti S"),
            new(15, "Sagar Seth"),
            new(16, "Vinayak MM"),
            new(17, "Vijaya Lakhsmi"),
            new(18, "Jahan K"),
            new(19, "Joy B"),
            new(20, "Zaraiah C"),
            new(21, "Laura L"),
            new(22, "Punith ES")
        };
    }

grafik

nanenchanga53 commented 9 months ago

No, there's a problem when typing.

gvreddy04 commented 9 months ago

@nanenchanga53 Can you share a screen recording to help me understand better?

gvreddy04 commented 9 months ago

@nanenchanga53 If you are facing this issue, please create a separate issue and share a GitHub repository with minimal steps to reproduce the problem. Additionally, sharing a screen recording would be helpful for understanding the issue better.

If there are any setup steps for my keyboard language, please share them. I'm not familiar with Korean.

nanenchanga53 commented 9 months ago

I can't type in Korean, but I think it's because of the oninput event. Can I change it to on-change, etc? and fast english typing has same issue

https://github.com/vikramlearning/blazorbootstrap/assets/39551265/a84474fc-d6a3-479c-bf5c-fa189097cc20