Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

How to close some but not all popovers when nested#1421

Unanswered
senaria asked this question inQ&A
Discussion options

Hi folks!

Great stuff you doing here. I have a question that you might be able to help me with.

I have a use case where I can open a popover from inside a popover, which could go Infinitiv.

The issue I have is that when someone opens popover up to a nesting level of 3-4 and the clicks into the popover content of the second opened popover (e.g. to dismiss 3,4 and inspect content of number 2), all popover closes. What I would have expected is that number 3 and 4 close but 1 and 2 are still open.
I tried the "modal" option on thePopoverRoot but that forces me to close every popover one by one until I reach the desired one, which could be really stressful.

Do you have any idea how I can achieve this? Or what I might doing wrong?

Here is a stackblitz to visualise what I mean:https://stackblitz.com/edit/sb1-tpfp3p?file=src%2FApp.vue,src%2Fmain.ts

Updated Stackblitz with reka-ui 2.2.0:https://stackblitz.com/edit/sb1-p8owbqtr?file=src%2Fcomponents%2FAppPopover.vue

You must be logged in to vote

Replies: 1 comment

Comment options

Hey guys any news about this? I tried it today with upgrading to 2.2.0 but the problem still occurs.

You must be logged in to vote
0 replies
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Category
Q&A
Labels
None yet
1 participant
@senaria

[8]ページ先頭

©2009-2025 Movatter.jp