baklava icon indicating copy to clipboard operation
baklava copied to clipboard

Add Ellipsis Overflow: Adding text-overflow:ellipsis to bl-input component

Open ozkersemih opened this issue 2 years ago • 2 comments

Input Component Text Overflowing

I think we need to add text-overflow: ellipsis to see three dots when text is too long for input component. For example what I want to see: Ekran Resmi 2023-05-31 13 11 47 but now I see this: Ekran Resmi 2023-05-31 13 12 20

Proposed solution

No response

Alternatives considered

No response

Additional technical context

No response

ozkersemih avatar May 31 '23 10:05 ozkersemih

@ozkersemih I don't know if this technically possible with a reasonable way. Since the value is shown by native input inside, we are not able to use text-overflow: ellipsis on text value. Do you have any suggestion?

muratcorlu avatar Jun 15 '23 19:06 muratcorlu

@ozkersemih @muratcorlu I think that ellipsis behaviour could be nice feature for disabled inputs (by the way it is possible to make text-overflow:ellipsis in disabled inputs) otherwise it looks redundant

yagiz2000 avatar Aug 24 '23 19:08 yagiz2000