square / maker

Maker Design System by Square

Home Page:https://square.github.io/maker/styleguide/latest-stable/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Input/Menu/Popover] zindex causes input affix to appear above a menu's popover

kevinlee11 opened this issue · comments

Bug description

If you have a menu's popover show on top of an input with an affix, the affix portion appears on top of the popover
image
image

Issue appears to be both the affix and popover class having the same zindex of 1.

Reproduction

Just have an input component followed by a menu component so that the menu popover appears above the input.

Environment

System:
    OS: macOS 13.2.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 31.07 GB / 64.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 12.16.2 - ~/.nvm/versions/node/v12.16.2/bin/node
    npm: 6.14.4 - ~/.nvm/versions/node/v12.16.2/bin/npm
  npmPackages:
    vue: 2.6.14 => 2.6.14 
    webpack: ^5.48.0 => 5.48.0

Addressed by

N/A

Can you contribute a fix?

  • I’m interested in opening a pull request for this issue.

This issue has been automatically closed because it hasn't received any activity in over 6 months.