adobe / adobe/react-spectrum

Dismissal button is misaligned on Toast when the content appears in more than one row

Open
#9,936 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

When content occupies more than a row in a toast with action button, observing that the dismissal button appears misaligned.

### 🤔 Expected Behavior?

Dismissal button should be aligned.

### 😯 Current Behavior

Dismissal button appears misaligned.

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

1. Use ToastContainer with ToastQueue with action button of any variant with text such that more than one row is required. Example: info variant with text as "An Update is available in the app." with Update Action button.
2. Observer the dismissal button.

Image

### Version

1.0.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

All browsers, issue is not browser specific.

### What operating system are you using?

MACARM

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_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.