Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

multiple-packages: button is visible under an open dropdown

See original GitHub issue

Bug

Expected behavior

Nothing should be visible “under” the dropdown

Actual behavior

Elements “under” the dropdown are visible

Steps to repro

Create a dropdown menu with some items (potentially within a Form.VerticalLayout?)
Add a button “under” that dropdown in the DOM.
Open the menu

Related packages

“@pluralsight/ps-design-system-dropdown”: “6.0.3”
“@pluralsight/ps-design-system-button”: “18.0.3”
“@pluralsight/ps-design-system-actionmenu”: “11.0.3”
“@pluralsight/ps-design-system-core”: “^6.1.0”,

Environment

OS - MacOS 10.15.4
Browser version - Chrome 80, Firefox v74

Issue Analytics

State:
Created 3 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

EdwardIrbycommented, May 1, 2020

Thanks I’ve identified the cause and am considering what to do. I’ll talk tot the team to come to see reasoning behind this rule https://github.com/pluralsight/design-system/blob/33b3a1a812bafe84a738c29396cb1704f92ed7f9/packages/form/src/css/index.js#L6-L9

0reactions

mc-funkcommented, May 5, 2020

literally having that problem today and hadn’t gotten around to debugging. It’s like Christmas 😂

Top Results From Across the Web

Bootstrap button dropdown not below button - Stack Overflow

Wrap the button and the dropdown menu inside a div , and make the container position: relative; . Place the menu via CSS...

Dropdowns - Bootstrap

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown ...

Install files with Remote Desktop - Apple Support

When you install multiple packages in succession, Remote Desktop copies all the selected ... Under After Copying, select Open Items, then click Copy....

Install and manage packages in Visual Studio using the ...

To update multiple packages to their latest versions, choose them in the NuGet package list, and then select Update. You can also update...

Ample Hills Creamery Frequently Asked Questions

Do you sell your pints in grocery stores? Open dropdown icon. ... Can I order multiple packages to ship to different addresses? Open...