This repository was archived by the owner on Mar 4, 2020. It is now read-only.
This repository was archived by the owner on Mar 4, 2020. It is now read-only.
Toolbar overflow menu is misaligned/shifting rest of a page when clicked #2355
Open
Description
Bug Report
Toolbar overflow menu is misaligned/shifting rest of a page when clicked.
It appears on right side and it doesnt respect page width and shifts content to the left when opened.
Note: Happens only on Chrome, for example on Firefox it works as expected
Steps
- Load this code example: https://codesandbox.io/s/t6dmi?module=/example.js
- Click on "..." button to open overflow menu.
Expected Result
The menu opens in available space to left side instead of right where is no space for it.
It doesnt do anything with rest of content on the page.
Screen from Firefox:
Actual Result
The menu opens on right side and it doesnt respect page width.
It shifts the rest of page content to the left when opened.
Screen from Chrome:
Version
"name": "@stardust-ui/react",
"description": "A themable React component library.",
"version": "0.40.7",
System/Browser
Windows 10, Google Chrome Latest