[BUG] Wizard Breadcrumb visible on first step even though set to "Hidden"; `this.currentPanel` is `null`
See original GitHub issueEnvironment
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
- Create a form
- Set panel settings to display breadcrumb as hidden
- 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:
- Created 3 years ago
- Comments:5 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@SalTor This should be resolved in formio.js 4.12.0-rc13>
@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.