iachat/app/javascript/dashboard/components
Sivin Varghese 137c6f8a75
fix: Context menu and its submenu boundary overflow (#10729)
# Pull Request Template

## Description

This PR adds smart positioning to prevent context menu and submenu from
overflowing screen boundaries. The context menu and its submenu now
dynamically adjust their position when there isn't enough space.


Fixes
https://linear.app/chatwoot/issue/CW-3936/assign-to-agent-ui-element-is-drawn-off-canvas
https://github.com/chatwoot/chatwoot/issues/10727

## 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/6c267dde103c4f2281ed5b4d006a43b1?sid=047966f5-d6d3-4de6-ade8-270141e6e215

**After**

https://www.loom.com/share/5599c6061bb74c3ea527dd06960d3189?sid=ffb01149-bb7a-449e-b0ec-02cc191f472b


## 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
2025-01-22 17:56:43 +05:30
..
Accordion fix: Remove overflow-hidden on accordionItem (#10692) 2025-01-16 01:29:20 +05:30
app style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
base feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
buttons feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
copilot feat: add prompt suggestions and June events (#10726) 2025-01-21 22:52:42 +05:30
layout fix: New compose conversation form (#10548) 2024-12-06 15:40:06 +05:30
specs feat: Add new sidebar for Chatwoot V4 (#10291) 2024-10-23 18:32:37 -07:00
table feat: Update design for report pages (#10506) 2024-11-27 18:10:15 +08:00
ui fix: Context menu and its submenu boundary overflow (#10729) 2025-01-22 17:56:43 +05:30
widgets fix: Context menu and its submenu boundary overflow (#10729) 2025-01-22 17:56:43 +05:30
ChannelSelector.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
ChatList.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
ChatListHeader.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
Code.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
ConversationItem.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
CustomAttribute.vue chore(v4): Update colors (#10700) 2025-01-16 15:27:23 +05:30
CustomBrandPolicyWrapper.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
CustomSnoozeModal.vue fix: Update the styles for the datepicker in custom snooze modal (#10207) 2024-10-03 22:06:51 -07:00
FormSection.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
index.js feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
IntersectionObserver.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
MaskedText.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
Modal.vue fix: Remove backdrop-blur from Modal (#10709) 2025-01-17 00:50:34 +05:30
ModalHeader.vue chore: fix circleci on vite build (#10214) 2024-10-07 15:27:41 +05:30
NetworkNotification.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
policy.vue feat: Add new sidebar for Chatwoot V4 (#10291) 2024-10-23 18:32:37 -07:00
SettingsSection.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
SidemenuIcon.vue feat: Add new sidebar for Chatwoot V4 (#10291) 2024-10-23 18:32:37 -07:00
Snackbar.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
SnackbarContainer.vue feat: update notification settings (#10529) 2024-12-05 19:05:04 +05:30