Dropdown menu in item is blocked

[cncap]

Dropdown menu in item is blocked, and bootstrap Popover is also blocked. Dropdown menu or Popover is generated by template. Everything else is normal. It's a headache. Is there any way to solve it?

The following is my CSS Style:
`/*----------------------------------------------------------------------
*grid Container
---------------------------------------------------------------------- */

.gi-container {
padding: 1rem .5rem;
overflow: hidden;
}
/* Target Elements
---------------------------------------------------------------------- */

.mix {
float: left;
margin: 0 .5rem 1rem;
background: #fff;
border-radius: 2px;
position: relative;
}

.mix:before {
content: '';
display: inline-block;
}

/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */

.mix {
width: calc(50% - 1rem);
}

/* 3 Columns */

@media screen and (min-width: 541px) {
.mix {
width: calc(100%/3 - 1rem);
}
}

/* 4 Columns */

@media screen and (min-width: 961px) {
.mix,
.gap {
width: calc(100%/4 - 1rem);
}
}

/* 5 Columns */

@media screen and (min-width: 1281px) {
.mix,
.gap {
width: calc(100%/5 - 1rem);
}
}`

[patrickkunka]

Can you include a link? I'm not quite sure what you mean by blocked.

I suspect this is to do with the presence of the data-toggle attribute on your bootstrap dropdown. This is common problem for users of bootstrap and MixItUp. It can be fixed as per the solution in this issue:

#268

[cncap]

@patrickkunka Thanks for your reply, My problem is that when placing a bootstrap dropdown menu in the item wrap, the menu is hidden behind the item wrapper when clicked it. But, just now I tested in official demo and that the dropdown menu works fine, I suppose it's because of a own change in the style of the mixitup, or any other element in my page that has caused it to interfere. It's not a problem with mixitup itself . thanks again!