search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 262 forks source link

[SF_ACC] [Input] SuggestionItem text is getting truncated in 320px wide screens: #7599

Closed bonniegso closed 1 year ago

bonniegso commented 1 year ago

Bug Description

SuggestionItem text gets truncated on small viewports. A tooltip should be added when the text gets truncated so that the user is able to retrieve the full text.

Affected Component

Input

Expected Behaviour

On hover, the user should be able to see the full text that was truncated in the suggested items list.

Isolated Example

https://lgww49.csb.app/

Steps to Reproduce

  1. Open the example in a 320px wide screen.
  2. Type "Some extremely long country name" into the input field
  3. Observe that text is truncated and that there is no way to retrieve the full text on hover.

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

1.14.5

Browser

Chrome

Operating System

MacOS 13.5.2

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

plamenivanov91 commented 1 year ago

Hello @SAP/ui5-webcomponents-topic-rl,

The user would like to have tooltip on Input hover when the text is truncated.

I noticed that no such functionality exists in OpenUI5 so it's up to you if the feature request will be fulfilled.

Regards, Plamen

hristop commented 1 year ago

Hi @bonniegso ,

We have introduced wrapping in the suggestion items and the issue is no longer reproducible in the latest version of the web components.

Screenshot 2023-09-21 at 10 37 03

You can check this issue: #5323

Best Regards, Hristo