@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
23 lines • 857 B
JavaScript
export var hideOnBlurPlugin = {
name: 'isChildPopoverOpen',
defaultValue: false,
fn: function (instance) {
var focusOutHandler = function (event) {
// if it doesn't have a related target (ie: Esc, or click, should focus back on trigger)
instance.shouldFocusTrigger = !event.relatedTarget;
if (!instance.props.isChildPopoverOpen &&
!instance.popper.contains(event.relatedTarget)) {
instance.hide();
}
};
return {
onCreate: function () {
instance.popper.addEventListener('focusout', focusOutHandler);
},
onDestroy: function () {
instance.popper.removeEventListener('focusout', focusOutHandler);
},
};
},
};
//# sourceMappingURL=hideOnBlurPlugin.js.map