[SF][a11y][ui5-date-picker] Date picker has horizontal scroll bar at 320px width responsive view

[zhangliangyi]

Bug Description

When font-size of body is set as 16px, the calendar dialog opened will have horizontal scroll bar at 320px width responsive view.

Expected Behavior

Horizontal scroll bar should not be displayed.

Steps to Reproduce

When font-size of body is set as 16px, per the css variable defined in https://github.com/SAP/ui5-webcomponents/blob/4a3366a857cff77b9693529c5c8bc96fe148a011/packages/main/src/themes/base/sizes-parameters.css#L4

The calendar width will be 328px which causes the display of scroll bar

Isolated Example

If possible, please provide an isolated example by forking CodeSandbox.

Context

• UI5 Web Components version: 1.6.0
• OS/Platform: MacOS
• Browser: Edge
• Affected component: ui5-date-picker

Priority

• [ ] Low
• [x] Medium
• [ ] High
• [ ] Very High

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

• Breaks entire application or system - High or Very High
• Accessibility issue - Medium or High
• Functional issue - Medium or High
• Visual issue - Low or Medium

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

• Organization: SF
• Business impact: {...}