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

FilterBar: filterfields width does not get adjusted to screen width and empty space is seen in the remaining area #5890

Open pppwr7 opened 1 month ago

pppwr7 commented 1 month ago

Describe the bug

UX designers have reecommended that the filter items width should get adjusted to diferrent small screen size.

Isolated Example

No response

Reproduction steps

  1. go to https://sap.github.io/ui5-webcomponents-react/?path=/story/layouts-floorplans-filterbar--default&args=hideFilterConfiguration:!false;hideToggleFiltersButton:!true;hideToolbar:!false;showRestoreOnFB:!false;showResetButton:!false;showGoOnFB:!true;showClearOnFB:!false&globals=viewport:mobile2
  2. there is empty space seen on the right of the filter fields. Highlighted in yellow box in the attached screenshot

Expected Behaviour

No response

Screenshots or Videos

image

UI5 Web Components for React Version

latest

UI5 Web Components Version

latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration