fix(ui): fix group menu after popper update

This commit is contained in:
Łukasz Mierzwa
2018-08-10 15:48:48 +01:00
parent d49b621f9b
commit 9f96918c14
@@ -89,36 +89,34 @@ const GroupMenu = observer(
group.id
}`}
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="true"
>
<FontAwesomeIcon icon={faEllipsisV} />
</a>
)}
</Reference>
<Popper
placement="bottom-start"
modifiers={{
arrow: { enabled: false },
offset: { offset: "-5px, 0px" }
}}
>
{this.collapse.value
? ({ placement, ref, style }) => <span />
: ({ placement, ref, style }) => (
<MenuContent
popperPlacement={placement}
popperRef={ref}
popperStyle={style}
group={group}
afterClick={this.collapse.hide}
handleClickOutside={this.collapse.hide}
outsideClickIgnoreClass={`components-grid-alertgroup-${
group.id
}`}
/>
)}
</Popper>
{this.collapse.value ? null : (
<Popper
placement="bottom-start"
modifiers={{
arrow: { enabled: false },
offset: { offset: "-5px, 0px" }
}}
>
{({ placement, ref, style }) => (
<MenuContent
popperPlacement={placement}
popperRef={ref}
popperStyle={style}
group={group}
afterClick={this.collapse.hide}
handleClickOutside={this.collapse.hide}
outsideClickIgnoreClass={`components-grid-alertgroup-${
group.id
}`}
/>
)}
</Popper>
)}
</Manager>
);
}