[Input][SuggestionItem]: Suggestion items are not keyboard accessible on smaller screens.

[bonnieso]

Bug Description

Users on small screens can only bring up the suggestion items list by clicking on the input element. When a keyboard user types on a small screen, the suggestion items list don't show up.

Affected Component

Input

Expected Behaviour

It is expected that the keyboard user should be able to bring up the suggestion items list on small screens.

Isolated Example

https://tinyurl.com/2ypt472a

Steps to Reproduce

1. Open the example in a browser window that is smaller than 600px.
2. Using your keyboard, tab to the input field and type something.
3. Observe that the suggestion items list does not open.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.8.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

• I’m not disclosing any internal or sensitive information.

[s-todorova]

Hello @bonnieso,

I am unable to reproduce the issue no matter how small i make the browser window. Could you provide more detailed instructions on how you are able to reproduce the problem - is 600px width or height wise?

I tested with a 310x233 actual area screen and the suggestions show up:

Best regards,
Siyana

[bonnieso]

Hi @s-todorova ,

If you open Chrome developer tools and click the "Toggle device toolbar" icon on the top left and set the screen dimensions to a smaller width, you should be see the issue.

Best,
Bonnie

[s-todorova]

Hi @bonnieso,

Even with this approach I am unable to reproduce the issue:

If you can provide any more details about how to reproduce it, please do, otherwise we will have to close this as non-reproducible.

Best,
Siyana