mirror of
https://github.com/chatwoot/chatwoot.git
synced 2026-06-16 21:06:22 +08:00
7b6195f28b
# Pull Request Template ## Description This PR will fix reactivity issue with `<woot-tabs />` component. **Cause of issue** The `<woot-tabs />` component used an internal ref, `internalActiveIndex` to track the `active` tab. However, it didn’t sync with the `index` prop when updated by the parent, causing mismatched tab selections. **Solution** The component now directly uses `props.index` to ensure it always reflects the latest value from the parent. The unnecessary `internalActiveIndex` ref has been removed. Changes to the active tab emit a `change` event to update the parent. ## Type of change - [x] Bug fix (non-breaking change which fixes an issue) ## How Has This Been Tested? **Loom video** **Before** https://www.loom.com/share/76eb32f1e7f7422f84055a102bf80951?sid=bc28c6ff-9640-4d3b-956c-99c1ec164971 **After** https://www.loom.com/share/6bd8125ede5d43dc8fe115c3f1fb159b?sid=c376617a-94fb-4f71-8664-e0bd9e7af0b4 ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [x] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules |
||
|---|---|---|
| .. | ||
| Accordion | ||
| app | ||
| base | ||
| buttons | ||
| layout | ||
| specs | ||
| table | ||
| ui | ||
| widgets | ||
| ChannelSelector.vue | ||
| ChatList.vue | ||
| ChatListHeader.vue | ||
| Code.vue | ||
| ConversationItem.vue | ||
| CustomAttribute.vue | ||
| CustomBrandPolicyWrapper.vue | ||
| CustomSnoozeModal.vue | ||
| FormSection.vue | ||
| index.js | ||
| IntersectionObserver.vue | ||
| MaskedText.vue | ||
| Modal.vue | ||
| ModalHeader.vue | ||
| NetworkNotification.vue | ||
| policy.vue | ||
| SettingsSection.vue | ||
| SidemenuIcon.vue | ||
| Snackbar.vue | ||
| SnackbarContainer.vue | ||