rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Target popperContainer with a ref 

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
This commit is contained in:
Phillip Rak 2025-01-15 15:29:50 -07:00
parent 929fa5666b
commit 6bb77d7861
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/rancher-components/src/components/RcDropdown/RcDropdown.vue
View File

@ -72,6 +72,7 @@ const setFocus = () => {
});
};
const popperContainer = ref(null);
const dropdownTarget = ref(null);
useClickOutside(dropdownTarget, () => showMenu(false));
@ -96,7 +97,7 @@ const applyShow = () => {
:triggers="[]"
:shown="isMenuOpen"
:auto-hide="false"
:container="'.popperContainer'"
:container="popperContainer"
@apply-show="applyShow"
>
<slot name="default">
@ -116,6 +117,7 @@ const applyShow = () => {
</template>
</v-dropdown>
<div
ref="popperContainer"
class="popperContainer"
@keydown.tab="showMenu(false)"
@keydown.escape="returnFocus"