question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Wizard Breadcrumb visible on first step even though set to "Hidden"; `this.currentPanel` is `null`

See original GitHub issue

Environment

Please provide as many details as you can:

  • Hosting type
    • Form.io
    • Local deployment
      • Version: 4.11.0-rc.4
  • Formio.js version: 4.10.5
  • Frontend framework: None
  • Browser: Chrome
  • Browser version: 84.0.4147.105 (Official Build) (64-bit)

Steps to Reproduce

  1. Create a form
  2. Set panel settings to display breadcrumb as hidden
  3. Load form

Expected behavior

Breadcrumb should not be visible on the first page on first load.

Observed behavior

Breadcrumb is visible on initial load, but if you create a second page and navigate to the next page and then back to the first page you will see that the breadcrumb is no longer* visible.

This bug is likely related to tickets formio/formio.js#34 and formio/formio.js#2039

Suspected Bug

In Wizard.js line 154 the render code refers to this.currentPanel but during development of semi-related work I noticed that this.currentPanel is null during form initialization and there’s no render event emitted form formio on first render.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jhen1422commented, Sep 23, 2020

@SalTor This should be resolved in formio.js 4.12.0-rc13>

0reactions
wag110894commented, Aug 4, 2020

@SalTor Thank you for reaching out! We are able to replicate this issue on our side. We have created a ticket and have added this to our backlog. For reference, the ticket number for this issue is FJS-1131. We welcome a Pull Request or have a process to expedite if you are interested.

Please let me know if you are interested in expediting and I can provide you information on the process.

We will let you know once this issue has been resolved.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Breadcrumb Example | APG | WAI - W3C
A nav element labeled Breadcrumb identifies the structure as a breadcrumb trail and makes it a navigation landmark so that it is easy...
Read more >
Customizing the WebSphere Commerce Accelerator and ...
First Edition, March 2004. This edition applies to IBM WebSphere Commerce Business Edition Version 5.5, IBM WebSphere Commerce.
Read more >
How to Display BreadCrumb Navigation Links in WordPress
Breadcrumb navigation tells users where they are on a website relative to the homepage. This breadcrumb trail is then also displayed in search ......
Read more >
Angular Breadcrumbs with Complex Routing and Navigation
An Angular sample application and discussions on breadcrumbs with advanced routing strategies, navigation scenarios, practical workflow, ...
Read more >
Breadcrumb Navigation with CSS Triangles
We can't add a border directly to the triangle because it's already made of a border! Instead, we'll make another triangle, and set...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found