Groups not showing/hiding properly on my app

Hi all, currently trying to convert my webapp into a single page application. Trying to sort it out on a separate page first before I make it my main index page.

The way I’m doing it right now is through changing the URL of the page and showing/hiding groups based on what’s in the URL.

The issue I have right now is sometimes when I click back (from the browser button). the group stops showing although the condition is done so that it should show (see pic below where condition says it is visible but property says its not visible)

steps to replicate:

  1. You can go to Mazzikly and
  2. click start song from top right (this hides index group and shows custom-song group and a subgroup called group intro)
  3. click get started (keeps custom-song group shown, hides subgroup group intro and shows another subgroup group creator)
  4. click next, no need to fill anything (keeps custom-song group shown, hides subgroup group creator and shows another subgroup group recipient)
  5. keep clicking back and forward button going through the steps from index to the last step. sometimes it will show the groups properly, sometimes it will hide them but not collapse.

I don’t know if I’m following the right way of building a single page app or if there’s a bug. I’d appreciate any help.

Please let me know if any more info is needed.

Cheers!

In your debug mode screenshot you see an error in the bottom right corner. What is the message of the error?

it’s a minor error regarding one of the inputs, not sure if it would be causing this issue but I doubt it.

attaching the screenshot of the error just in case.

Had a go at this last night but was unable to replicate it, couldn’t click past the 2nd or 3rd page of the form.

I made a screen recording that show’s what I’m facing hope this makes it clear.

This topic was automatically closed after 70 days. New replies are no longer allowed.