Skip to content

Error when navigating to a component including TabView with active index > 0 #1221

Closed
@casti11

Description

@casti11

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

Plunkr Case (Bug Reports)
Please demonstrate your case at codesandbox by using the issue template below. Issues without a test case have much less possibility to be reviewed in detail and assisted.

https://codesandbox.io/s/optimistic-wing-xg5pw?file=/src/App.vue

Current behavior
When I navigate to a component which has a TabView with :activeIndex.sync, passing an active index greater than 0 in a prop, the following errors show in the browser's console:
image
Looking at the trace of the error, I went to the method updateInkBar of TabView.vue, and saw that it is called both in mounted() and in updated(), and the error happens only in mounted().

Expected behavior
It doesn't seem to break anything, but there should also be no errors in the console.

Minimal reproduction of the problem with instructions
In the codesandox I provided, just navigate from the home page to any of the tabs, using the buttons. You'll see no errors when navigating to Tabs0, but the errors will appear when using Tabs1 or Tabs2.

  • Vue version: 2.6.11

  • PrimeVue version: 2.4.0

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type: BugIssue contains a bug related to a specific component. Something about the component is not workingvue2

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions