In Pega GenAI Blueprint, workflow step/task labels are being visually truncated in the Workflow Details view. The issue occurs even when using 100% browser zoom and persists across both Microsoft Edge and Google Chrome.
The problem appears to be caused by a CSS rule applied to workflow step buttons that limits the step label height to 40px and clamps the text to 2 lines. On some devices/browser rendering environments, the font height causes the text to be cut off vertically, making the workflow tasks difficult to read.
- Application: Pega GenAI Blueprint
- Area: Blueprint and App Design > Workflow Details
- Browsers tested:
-
Microsoft Edge
-
Google Chrome
- Browser zoom: 100%
- Issue also persists at 80% and 90% zoom
- Windows display scaling was tested with different values, but the issue remained
- Issue occurs on both laptop screen and external monitor
- Incognito/InPrivate mode does not resolve the issue
- Browser cache clearing does not resolve the issue
- No browser extensions are active
Observed Behavior
Some workflow task labels are cut off and cannot be fully read. The issue affects multiple tasks across different workflow stages.
In DevTools, the affected elements show the following CSS rule:
```css
button[data-testid$=“:step:add-button”],
button[type=step] {
display: -webkit-box;
max-height: 40px;
overflow: hidden;
line-height: 1.3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
Before:
After:
I hope this can be reviewed and fixed in an upcoming update, as it affects the readability and usability of the Workflow Details view. Please let me know if additional information is needed.