ACC-282.1, (Level AAA)_ Dialog _not adapting to 320 css pixels

[Priya1Pavan]

1.1 Internal Message Details
Internal Message:
Test Plan: ACC SAP Kyma runtime 2024
Message Priority: Medium
Affected UI Dialog
Affected Check Point: ACC-282.1
Short text: ACC-282.1, (Level AAA)_ Dialog _not adapting to 320 css pixels

1.2 Application Details
Application Name Kyma-dashboard
Technology: SAP UI5
Component:
URL: https://dashboard.stage.kyma.cloud.sap/cluster/garden-kyma-stage--c-7074971-external/kymamodules
Username/Password: NA
1.3 Test Environment Details
Web browser: Google Chrome Version 127.0.6533.89
Operating System: Microsoft Windows 11 x64
Screen Reader: JAWS 2024 Version 2024.2406.121 ILM

1.4 JIRA/SNOW Details
Issue: Bug
Labels: Accessibility

2 Screen Flow
• Launch the application using given URL.
• Select the ‘Link to Kyma dashboard’ from the Kyma Environment section on your SAP BTP subaccount page.
• Select +Upload YAML.
• Copy the following code and paste it into the editor:

apiVersion: v1
kind: Namespace
metadata:
name: nginx-ns

apiVersion: apps/v1
kind: Deployment
metadata:
name: nginx-deployment
namespace: nginx-ns
labels:
app: nginx
spec:
replicas: 2
selector:
matchLabels:
app: nginx
template:
metadata:
labels:
app: nginx
spec:
containers:
- name: nginx
image: nginx:1.14.2
ports:
- containerPort: 80
• Select Upload
• Select Close
• Explore the Monitoring and Health section of the Cluster Details page.
• In the Events section, select All Messages.
• Select the sorting icon.
• In the Sort By section, select Last seen.
• Select OK.

3. Issue Type: Manual
   Observed Behavior:
   On accessing the application to 320 css pixels, The dialog ‘Upload YAML’ does not adapt to the pixel.
   Screenshot:

Screenshot 2:default

Case 2:

Screenshot default:

Case 3:

Screenshot:default

Expected Behavior:
Truncation should be avoided, when the content of the screen is displayed on a width of 320 pixel

Content of a screen should be displayed and operable on a width of 320 CSS pixels without requiring two-dimensional scrolling,

Users with a small viewport, regardless of whether they use a small device or a considerable zoom, must be able to consume text as well as information given by other means without the need to scroll in reading direction while consuming one piece of information.
Having to scroll while reading disturbs the mental consumption of the information, is awkward and time consuming.
therefore the layout shall adapt to display information on restricted place without scrolling in reading direction.
ACC-282.1, (Level AAA)_ Dialog _not adapting to 320 css pixels.docx
Issue processing-09.2021 (2).docx