question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Long option values getting cut

See original GitHub issue

image

Values that are longer than the <AutoCompleteInput> component width should have an ellipses at the end of the text instead of getting cut abruptly.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
rahulsuresh-gitcommented, Aug 4, 2021

Okay, got it. Thanks.

0reactions
anubra266commented, Aug 4, 2021

It’s the default behaviour in Chakra UI You could try this out

      <Input w="40" isTruncated value={"Item 4 is crazily longggggg"} />

If it remains truncated on Focus,the user cannot edit the long text

Read more comments on GitHub >

github_iconTop Results From Across the Web

Text gets cut when using <select> - css - Stack Overflow
Although I'm using the same CSS for both <input> and <select> , text in <select> gets cut off, while the text in input...
Read more >
Dropdown options with long text gets cut off
Hi community, I have many dropdowns with items coming from a SharePoint list. I have problems where the options within items, the texts...
Read more >
The Importance of Time Value in Options Trading - Investopedia
Time-value decreases as an option gets deeper out of the money ; intrinsic value is zero.
Read more >
Selection text gets cut off because the select is too narrow #713
Chosen tries to match the space that the select box it's replacing takes up. Trying to figure out the actual length of options...
Read more >
Select Cuts Off Options In IE (Fix) - CSS-Tricks
If you set a static width on the <select> element and the width of the text in the <option> are wider than that,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found