Revert "feat: Close nested popups without closing parent(s)"

This reverts commit 1329cfb
anny-co · Sep 12, 2024 · be12837 · be12837
1 parent 94680fd
commit be12837
Show file tree

Hide file tree

Showing 6 changed files with 0 additions and 77 deletions.
diff --git a/demo/src/router.js b/demo/src/router.js
@@ -58,13 +58,6 @@ export const demos = [
       label: 'Dropdown 2',
     },
   },
-  {
-    path: '/component/demo3',
-    component: () => import('./views/component/DropdownDemo3.vue'),
-    meta: {
-      label: 'Dropdown 3',
-    },
-  },
   {
     path: '/component/submenu1',
     component: () => import('./views/component/SubMenuDemo1.vue'),

diff --git a/demo/src/views/component/DropdownDemo3.vue b/demo/src/views/component/DropdownDemo3.vue
diff --git a/docs/api/index.md b/docs/api/index.md
@@ -483,14 +483,6 @@ Boolean: disable the auto focus on the popper DOM node when shown.
 
 Id used for the `aria-describedby` attribute. By default a random id.
 
-### `hideParents`
-
-Boolean: disable the auto closing of parent popups when nested.
-
-```html
-<VDropdown v-bind:hideParents="true" />
-```
-
 ## Component slots
 
 ### `default`

diff --git a/docs/guide/config.md b/docs/guide/config.md
@@ -98,8 +98,6 @@ export const config: FloatingVueConfig = {
       handleResize: true,
       // Hide on click outside
       autoHide: true,
-      // Close full chain of parents
-      hideParents: true,
     },
     menu: {
       $extend: 'dropdown',

diff --git a/packages/floating-vue/src/components/Popper.ts b/packages/floating-vue/src/components/Popper.ts
@@ -182,11 +182,6 @@ const createPopper = () => defineComponent({
       default: defaultPropFactory('autoHide'),
     },
 
-    hideParents: {
-      type: Boolean,
-      default: defaultPropFactory('hideParents'),
-    },
-
     handleResize: {
       type: Boolean,
       default: defaultPropFactory('handleResize'),
@@ -1094,7 +1089,6 @@ function handleGlobalClose (event: PopperEvent, touch: boolean) {
 
   for (let i = shownPoppers.length - 1; i >= 0; i--) {
     const popper = shownPoppers[i]
-
     try {
       const contains = popper.containsGlobalTarget = popper.mouseDownContains || popper.popperNode().contains(event.target)
       popper.pendingHide = false
@@ -1118,8 +1112,6 @@ function handleGlobalClose (event: PopperEvent, touch: boolean) {
           }
 
           // Auto hide parents
-          if (!popper.hideParents) return
-
           let parent = popper.parentPopper as PopperInstance
           while (parent) {
             if (shouldAutoHide(parent, parent.containsGlobalTarget, event)) {

diff --git a/packages/floating-vue/src/config.ts b/packages/floating-vue/src/config.ts
@@ -35,8 +35,6 @@ export const config: FloatingVueConfig = {
    * By default, compute autohide on 'click'.
    */
   autoHideOnMousedown: false,
-  // By default, hide parents on close
-  hideParents: true,
   // Themes
   themes: {
     tooltip: {
@@ -69,8 +67,6 @@ export const config: FloatingVueConfig = {
       handleResize: true,
       // Hide on clock outside
       autoHide: true,
-      // By default, hide parents on close
-      hideParents: true,
     },
     menu: {
       $extend: 'dropdown',