Skip to content

QSelect with behavior="dialog" doesn't open the selection dialog after returning back to keep-alive page where it was placed #18201

@ExLuzZziVo

Description

@ExLuzZziVo

What happened?

QSelect with behavior="dialog" doesn't open the selection dialog after returning back to keep-alive page where it was placed

Image

What did you expect to happen?

Pressing the back button should close the selection dialog without triggering the back navigation
-- OR --
Pressing the back button should correctly close the selection dialog

Reproduction URL

https://codesandbox.io/p/devbox/young-tree-2z9h4p

How to reproduce?

  1. Navigate to page with the QSelect component. The page should be included in keep-alive component.
  2. Click the QSelect component to open the selection dialog. The dialog will be opened.
  3. Don't select any item, just press the back button. The dialog will be closed and you'll be taken back to the previous page.
  4. Navigate to page with the QSelect component again.
  5. Click the QSelect component. The selection dialog won't open.

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Relevant log output

Additional context

It seems that pressing the back button while the select dialog is open doesn't close it properly, because the empty dialog portal still exists in dom.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions