Skip to content
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
@jzdrahal

Description

@jzdrahal

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    vstsPaired with ticket in vsts

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions