Is the drawer zindex too big?

[lucaslz2020]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.7.0

Environment

react 16.2.0

Reproduction link

https://ant.design/components/drawer-cn/

Steps to reproduce

Click create, owner, DateTime, etc. will not display correctly.

What is expected?

Other pop-up windows can be used normally

What is actually happening?

• drawer: z-index: 99999;
• Causes other components with pop-up windows to have problems.

[afc163]

Should be same as Modal.

[kennylbj]

Another issue for Drawer: Prop destroyOnClose prevents the closing animation of drawer.
The code pen link is same to official demo except line 33( add destroyOnClose prop).

[yesmeck]

@kennylbj Could you create a separate issue?

[kennylbj]

#11307 @yesmeck

[chenshuai2144]

fixed in 705e57f

[AndreiBacescu]

By default, the tooltip is created in body and because the modal is limited to the stacking context of its parent (the parent is nested in body) it will never overlay the tooltip.
More details here: https://coder-coder.com/z-index-isnt-working/

In my opinion, one of the solution for this problem is to use getTooltipPopupContainer property from Slider component and create a DOM container that is at least, on the same level as Slider parent.