Tooltip keeps showing after FullPageModal opens.

[tpstar]

Prerequisites

• Version: 1.6.9
• Operating system: Mac

Step to reproduce (actual behavior)

• hoover over a Tooltip target to show a Tooltip (or a Popover of that Tooltip)
• open a FullPageModal by clicking the Tooltip target
• After the FullPageModal is loaded, the Tooltip still shows, rendered above the FullPageModal

Expected behavior

• If the Tooltip was for a target in the page below the FullPageModal, the Tooltip should be gone after the FullPageModal is loaded.

• It would be nice to let users to set z-index for a Tooltip.

For example,

<ToolTip name="Edit" style={{ zIndex: 100 }}>

Currently, a Popover generated by a Tooltip has a hardcoded z-index of 9999.

    <Popover
      style={{ zIndex: "9999" }}
      targetRef={targetRef}
      ref={popoverRef}
      position={position}
    >
      <StyledTooltip
        {...props}
        ref={tooltipRef}
        role="tooltip"
        id={id}
        aria-hidden={!isOpen}
      >
        {children}
      </StyledTooltip>
    </Popover>

Resources