CODEWITHSUNDEEP
reactjsblurreact-bootstrap-typeahead
Or Assayag
Or Assayag

Reputation: 6336

Using react-bootstrap-typeahead - Text is being blurry

I'm using React Bootstrap Typeahead package in my project, and I encountered an issue when the text is being blurry.
Steps to reproduce:

  1. Go to https://codesandbox.io/s/nostalgic-payne-n4y9e6
  2. Start type "Alabama-Alabama-Alabama".
  3. Text is blurry in the end.
  4. If you don't get it, just type "Alabama-Alabama-Alabama" and try to delete some characters.
  5. You will see something like this:

    https://user-images.githubusercontent.com/5759067/218279942-3481e6d0-204d-457e-80c4-578d2f1fb6e3.png

I already opened a ticket about this issue, but I was wondering if someone has a solution for this until an official fix? Thanks.

Upvotes: 0

Views: 58

Answers (1)

Wesley LeMahieu
Wesley LeMahieu

Reputation: 2613

In your JSON file, you have the following:

{
  label:
    'Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-Alabama-',
  population: 4780127,
  capital: 'Montgomery',
  region: 'South',
},

Compare to this working react-boostrap-typeahead sandbox. Probably delete that issue.

Upvotes: 1

Related Questions