ui5-webcomponents-react icon indicating copy to clipboard operation
ui5-webcomponents-react copied to clipboard

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

Open pppwr7 opened this issue 2 months ago • 0 comments

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

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

pppwr7 avatar Jun 06 '24 05:06 pppwr7