You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We use NuxtJS in one of our projects and have @carbon/vue for UI elements. On one of our "detailed view", we use the cv-tabs and cv-tab components and we have a router-link in one of the tabs. The issue we are experiencing is that after clicking on the router-link in a cv-tab, the cv-tabs component's focusout event listener gets called and uses the trigger reference as a parameter in a window.getComputedStyle function call, which raises the following error:
client.js?06a0:96 TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
at VueComponent.onFocusout (cv-tabs.vue?e464:125)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLDivElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLDivElement.original._wrapper (vue.runtime.esm.js?2b0e:6917)
at Object.removeChild (vue.runtime.esm.js?2b0e:5713)
at removeNode (vue.runtime.esm.js?2b0e:5884)
at remove$$1 (vue.runtime.esm.js?2b0e:5873)
at eval (vue.runtime.esm.js?2b0e:7695)
at eval (vue.runtime.esm.js?2b0e:336)
at whenTransitionEnds (vue.runtime.esm.js?2b0e:7391)
Is this issue related to a specific component?
Yes, this is related to the cv-tabs component.
What did you expect to happen? What happened instead? What would you like to see changed?
I would expect to navigate to the page with the router-link without an error, but the next page fails to load because of this issue.
What browser are you working in?
Google Chrome 87.0.4280.67
What version of the Carbon Design System are you using?
I'm experiencing the issue in the latest v1.35.0 version too. Based on the commit history and my own experience, this bug is in there since multiple versions.
What offering/product do you work on? Any pressing ship or release dates we should be aware of?
My project has a strict deadline, so this issue is a high priority for me and my team, I'm creating a PR really soon which I hope you can review and merge if you find it correct.
The text was updated successfully, but these errors were encountered:
…1084)
* fix#1083: cv-tabs fails in focusout event when using router-link in a tab
* fix#1083: fix build errors
Co-authored-by: Lee Chase <[email protected]>
Detailed description
We use NuxtJS in one of our projects and have @carbon/vue for UI elements. On one of our "detailed view", we use the
cv-tabs
andcv-tab
components and we have arouter-link
in one of the tabs. The issue we are experiencing is that after clicking on therouter-link
in acv-tab
, thecv-tabs
component's focusout event listener gets called and uses thetrigger
reference as a parameter in awindow.getComputedStyle
function call, which raises the following error:Yes, this is related to the
cv-tabs
component.I would expect to navigate to the page with the
router-link
without an error, but the next page fails to load because of this issue.Google Chrome 87.0.4280.67
I'm experiencing the issue in the latest
v1.35.0
version too. Based on the commit history and my own experience, this bug is in there since multiple versions.My project has a strict deadline, so this issue is a high priority for me and my team, I'm creating a PR really soon which I hope you can review and merge if you find it correct.
The text was updated successfully, but these errors were encountered: