I've created a lightning component which has a menu and this is how it opens:

enter image description here

enter image description here

Does anyone know how to solve it ?


I tried to add z-index with !important but it doesn't work. I realized it's not possible to override css. Does someone have a workaround ?


You can try to apply the z-index CSS property for your dropdown menu, which sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. z-index (MDN docs)

| improve this answer | |
  • Tried it, doesn't work – osos9 Apr 24 '19 at 10:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.