Skip to content
This repository has been 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
jzdrahal opened this issue Feb 14, 2020 · 0 comments
Open
Labels
vsts Paired with ticket in vsts

Comments

@jzdrahal
Copy link

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

  1. Load this code example: https://codesandbox.io/s/t6dmi?module=/example.js
  2. 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:
image

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:
image

Version

"name": "@stardust-ui/react",
"description": "A themable React component library.",
"version": "0.40.7",

System/Browser

Windows 10, Google Chrome Latest

Testcase

https://codesandbox.io/s/t6dmi?module=/example.js

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
vsts Paired with ticket in vsts
Projects
None yet
Development

No branches or pull requests

2 participants