microsoft / microsoft/aspire

Code block in InteractionService MessageBox overflows

Open
#11,370 2 comments 0 reactions 0 assignees View on GitHub
area-dashboard interaction-service
Dominant language
C#
Stars
6.3k
Forks
991
Avg merge
2d 15h
Merged PRs (30d)
196

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Describe the bug

If you use a code block in markdown for a message box then the contents overflow the message box

Image

### Expected Behavior

1. The code block to have a horizontal scroll bar, and the contents to not overflow the right hand side of the message box
2. On a large 4k screen, it seems rather silly to have horizontal scroll whilst the message box is limited to only ~450px width. It would be nice if the message box could grow in width for this. (Although at some point, a scroll bar will still be necessary)

### Steps To Reproduce

```cs
builder.Eventing.Subscribe(async (evt, ct) =>
{
var interactionService = evt.Services.GetRequiredService();

_ = Task.Run(async () =>
{
if (!interactionService.IsAvailable)
{
return;
}

await interactionService.PromptMessageBoxAsync(
title: "Installation Failed",
message: $"""
Failed to to install:
```
{Environment.StackTrace}
Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Really Long message
```
""",
options: new MessageBoxInteractionOptions
{
EnableMessageMarkdown = true,
Intent = MessageIntent.Error,
});
});
});
```

### Exceptions (if any)

_No response_

### .NET Version info

_No response_

### Anything else?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.