Updated PopoverBase to hide Popover when reference is hidden
• Updated: - PopoverBase to hide Popover when reference is hidden
This commit is contained in:
parent
5f801c94e7
commit
bec04e2b01
@ -113,14 +113,18 @@ class PopoverBase extends ImmutablePureComponent {
|
|||||||
placement={position}
|
placement={position}
|
||||||
referenceElement={targetRef}
|
referenceElement={targetRef}
|
||||||
>
|
>
|
||||||
{({ ref, style, placement, arrowProps }) => (
|
{({ ref, style, placement, arrowProps, isReferenceHidden }) => {
|
||||||
<div ref={ref} style={style} data-placement={placement} className={[_s.z4, _s.mt5, _s.mb5, _s.px5, _s.py5].join(' ')}>
|
if (isReferenceHidden) return null
|
||||||
<div ref={arrowProps.ref} style={arrowProps.style} />
|
|
||||||
<div ref={this.setRef} data-popover='true' onKeyDown={this.handleKeyDown} className={containerClasses}>
|
return (
|
||||||
{children}
|
<div ref={ref} style={style} data-placement={placement} className={[_s.z4, _s.mt5, _s.mb5, _s.px5, _s.py5].join(' ')}>
|
||||||
|
<div ref={arrowProps.ref} style={arrowProps.style} />
|
||||||
|
<div ref={this.setRef} data-popover='true' onKeyDown={this.handleKeyDown} className={containerClasses}>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
)
|
||||||
)}
|
}}
|
||||||
</Popper>
|
</Popper>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user