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 ?

1 Answer 1


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)

  • Tried it, doesn't work
    – osos9
    Apr 24, 2019 at 10:45

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .