Azure / Azure/LogicAppsUX

Workflow row spacing causes overlap between the name and type columns

Open
#8,612 0 comments 0 reactions 0 assignees View on GitHub
bug Good First Issue needs-investigation
Dominant language
TypeScript
Stars
111
Forks
109
Avg merge
1d 23h
Merged PRs (30d)
20

Description

### Severity

P4 - Low (Cosmetic/minor inconvenience)

### Describe the Bug with repro steps

Expected behavior:
- Name column should be as wide as the longest workflow name

Actual behavior:
- The default width causes the name column to overlap with the type column.
- The min and max width are set to 320px:

Agent1

Steps to reproduce:
1. Create a new workflow with name "sjahdkjashdjkashkjdhasjkhdaskjdhjkashdkhasjkdhkasdasdasdasdasd" for example
2. Go back to the Workflows blade which shows the list of workflows
3. You will see the nanme overlap with the type column

### What type of Logic App Is this happening in?

Standard (Portal)

### Are you experiencing a regression?

_No response_

### Which operating system are you using?

Windows

### Did you refer to the TSG before filing this issue? https://aka.ms/lauxtsg

Yes

### Workflow JSON

```json

```

### Screenshots or Videos

Image

### Environment

- Browser: Edge Version 142.0.3595.94
- Extension Version: 2.51029.1.21

### Additional context

_No response_

Contributor guide

No contributing guide indexed for this repository

Research direction

Start in the Workflows blade where the workflow list and its DataGrid are rendered; reproduce the overlap with a very long workflow name. The work is done when the name column no longer overlaps the type column and its width accommodates the longest workflow name without breaking the row layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.