adobe / adobe/react-spectrum

Menu Popover slide transition looks inaccurate when popover is flipped

Open
#10,151 4 comments 0 reactions 0 assignees View on GitHub
Menu needs investigation
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

Click the Menu button here when it's at bottom of the page https://react-aria.adobe.com/Menu#content. The transition looks wrong. It does not happen with Popover and Select.

### 🤔 Expected Behavior?

Slide transition works correctly.

### 😯 Current Behavior

Not sure. Seems like there's a delay when setting the data-placement attribute. When clicking the Menu button repeatedly, the slide transition looks accurate.

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

Follow official example.

### Version

1.18

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

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

Windows 11

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the Menu component and the official Menu example at react-aria.adobe.com/Menu#content, reproducing the issue in Chrome when the popover is flipped near the bottom of the page. Compare its placement and slide transition behavior with Popover and Select; done means the Menu transition is accurate on the first click and when clicking repeatedly.

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
Active
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.