designsystemsinternational/mechanic

Color params can cross each other

Closed this issue · 0 comments

Describe the bug
When having two consecutive color params in a design function, the bottom one shows over the expanded version of the top one, even being able to interact with it. z-index issues maybe?

To Reproduce
Steps to reproduce the behavior:

  1. Create new mechanic project with npm init @mechanic-design@latest and use any template as a base.
  2. Install dependencies and run npm run dev.
  3. Use app and use color params

Expected behavior
When expanded color params should be separate and not behave this way.

Screenshots

Screen.Recording.2021-08-24.at.15.14.33.mov

Desktop (please complete the following information):

  • OS: macOS Big Sur 11.5.2
  • Browsers tested: Firefox, Chrome and Safari