Body has overflow-x: hidden in destroyed drawer

[Nisgrak]

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

Version

2.2.8

Environment

Vue 3.2.19

Reproduction link

Steps to reproduce

1. Ensure that the table of the example have horizontal scroll
2. Open the drawer
3. Close the drawer
4. The table don't have horizontal scroll

What is expected?

The table has horizontal scroll when the drawer with destroy-on-close active is destroyed

What is actually happening?

The body have a overflow-x: hidden that the destroyed drawer didn't remove

[ajuner]

V3 will fix it, you can pay attention to this #4708

Temporary solution

const afterVisibleChange = (bool: boolean) => {
  if (!bool) {
    document.body.style.removeProperty("overflow");
  }
};

[ajuner]

ref 3.0.0-alpha.1

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.