search

SAP / ui5-webcomponents-react

A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
https://sap.github.io/ui5-webcomponents-react/
Apache License 2.0
426 stars 94 forks source link

[Filter Bar]: [Show Filter Bar button not available on mobile devices] #5991

Closed DrMalchev closed 6 days ago

DrMalchev commented 6 days ago

Describe the bug

The button Show Filter Bar is not visible on mobile devices. tested on IOS and Android, both landscape and portrait mode.

Isolated Example

No response

Reproduction steps

1. 2. 3. ...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

^1.28.1

UI5 Web Components Version

^1.22.0

Browser

Safari

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

Lukas742 commented 6 days ago

Hi @DrMalchev

this behavior is by design. You can find out more about it here: https://experience.sap.com/fiori-design-web/filter-bar/#responsiveness

The linked PR will also add this information to our documentation.

DrMalchev commented 6 days ago

Thanks for your prompt reply @Lukas742 ! The documentation says that it is closed and accessible through Filter dialog, but I still can't get to my filters. Filters dialog gives me only control which to display. How can I expand it to see my FilterGroupItem-s. Thanks!

Lukas742 commented 6 days ago

To edit filters you can press on the "Show Values" button inside the filters dialog:

https://github.com/SAP/ui5-webcomponents-react/assets/9749730/16f1efbe-ca22-4479-aec7-2b9ffe165904

DrMalchev commented 6 days ago

@Lukas742 I thought Show Values is a Label for the display types. Would have never realized this is a button. It's all clear now, but I consider this a really bad UX. Thanks again for your help!