Skip to content

Back button not closing some modals and home page cards #3980

@ghys

Description

@ghys

The problem

There seems to be a regression with modals like Smart Select not being routable anymore (see the routableModals option). This was a must-have for me because it can screw up navigation if you use the "go back" function of your browser a lot - many people have a physical "Back" button on their mouse near their thumb or some functionality to go back on their device).
https://framework7.io/docs/smart-select#param-routableModals

The same for home page cards, there was some custom code to properly close them when you "go back", it doesn't seem to work anymore.

Expected behavior

When any modal (incl. a home page card) is displayed and you use the browser function to go back, the modal should be closed, instead of the page going back with the modal still displayed.

Steps to reproduce

  1. Go to Settings
  2. Go to Regional Settings under System Settings
  3. Open the Language smart select to open the language selection modal
  4. Go back using the browser
  5. The settings main menu is displayed with the Language modal still on top of it, the modal should have been closed instead

Your environment

runtimeInfo:
  version: 5.2.0
  buildString: "Build #5229"

Main UI Commit a35bc126

Additional information

It could be related to the Vue3/F7 upgrade, or other refactorings.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingmain uiMain UI

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions