Skip to content

Login screen - open via prop change only works once #3934

@ong-appxplore

Description

@ong-appxplore
  • Framework7 version: 6.1.1
  • Platform and Target: Chrome browser

Describe the bug

I am using login screen component and open it via prop change. But after the first time open and close, it would not open again.

To Reproduce

This bug is happening even in the documentation. [https://framework7.io/svelte/login-screen.html] (https://framework7.io/svelte/login-screen.html)

Steps to reproduce the behavior:

  1. Go to the documentation link above
  2. Scroll down to 'Examples' header
  3. Click on 'Open via prop change' and see login screen appear
  4. Click on 'Sign In' without filling anything and then a pop up appear, click on 'Ok'
  5. Click on 'Open via prop change' again and login screen no longer appear

Expected behavior

In Step 5, the login screen should appear again no matter how many times I repeat Step 3 and 4.
In the documentation, it should works like the other button 'as overlay

Actual Behavior

In Step 5, the login screen is not appearing although it should

Additional context

I have tried Login Screen API and Link/Button with loginScreenOpen property. They work just fine but the prop change is a bit problematic.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions