Skip to content

[ToolbarButton with Menu]: Menu is briefly rendered in wrong place when conditionally rendered #10187

Closed
@Lukas742

Description

@Lukas742

Bug Description

This is a followup issue to this one and was noted by @gitgdako in this post.

When the Menu is conditionally rendered (typical in React) the Menu pops up in the top left corner before it snaps to the opener when opened.

2024-11-15_09-33-02.mp4

Affected Component

No response

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/github-8upxfb-ndn9tp?file=index.html,main.js

Steps to Reproduce

  1. Go to StackBlitz
  2. Open the Menu by clicking the button
  3. See that it's briefly rendered at the start of the Toolbar.

In case it's not reproducible, you can throttle your CPU in the dev tools to make the issue more prominent.

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.4.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Type

No type

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions