iachat/app/javascript/dashboard/components/widgets
Sivin Varghese 458bf1803e
fix: Emoji rendering issue with <textarea/> in chrome (#11312)
# Pull Request Template

## Description

This PR resolves a Chrome-specific rendering bug where emojis in the
`<textarea>` of the reply box display a shadow or different color tone
when placed at the start of the input without a leading space.

**Solution:** Removed the border-radius from the textarea in the Reply
box component, which resolves the rendering issue in Chrome

**Cause:** This appears to be a Chrome rendering bug related to how
border-radius is handled on form elements, especially with emojis. The
exact cause is unclear, but there is some known issue
[Chromium Issue 40333458](https://issues.chromium.org/issues/40333458)
[Related Chromium
Duplicates](https://issues.chromium.org/issues/40333458/dupes)

## Type of change

- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

### Screen recording

**Before**


https://github.com/user-attachments/assets/618de129-5631-4c7c-ab0b-7188b83c6bf1

**After**


https://github.com/user-attachments/assets/bb3adcbe-e603-4792-a8fd-51501d284c78





## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] 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-04-16 12:21:28 +05:30
..
conversation fix: Emoji rendering issue with <textarea/> in chrome (#11312) 2025-04-16 12:21:28 +05:30
DashboardApp fix: Use addEventListener instead of onmessage to listen to chatwoot-dashboard-app:fetch-info (#10342) 2024-10-28 20:43:47 -07:00
FilterInput chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
forms chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
mentions feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
modal chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
WootWriter fix: Prevent mentions menu from triggering on reply mode change (#11264) 2025-04-09 15:25:46 +05:30
AIAssistanceButton.vue chore: Update reply editor design (#10575) 2025-01-08 17:49:53 +05:30
AIAssistanceCTAButton.vue chore: Update reply editor design (#10575) 2025-01-08 17:49:53 +05:30
AIAssistanceModal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
AICTAModal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
AILoader.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
AttachmentsPreview.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
AutomationActionInput.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
AutomationActionTeamMessageInput.vue chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
AutomationFileInput.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
Avatar.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
BackButton.vue chore: Update buttons in integrations page (#11120) 2025-03-20 21:15:47 +05:30
ChannelItem.vue feat: Instagram Inbox using Instagram Business Login (#11054) 2025-04-08 10:47:41 +05:30
ChatTypeTabs.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
ColorPicker.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
EmptyState.vue chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
FeatureToggle.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
InboxName.vue feat: update colors for v4 (#10660) 2025-01-15 17:13:03 +05:30
LoadingState.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
SettingIntroBanner.vue chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
ShowMore.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
TableFooter.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
TableFooterPagination.vue chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
TableFooterResults.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
TableHeaderCell.vue feat: Update design for report pages (#10506) 2024-11-27 18:10:15 +08:00
Thumbnail.spec.js feat: Improve image loading for thumbnails (#5823) 2022-11-08 21:05:13 -08:00
Thumbnail.vue feat: Don't hide thumbnail on hover (#10935) 2025-02-21 13:50:30 -08:00
ThumbnailGroup.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
UserAvatarWithName.vue feat: Update design for report pages (#10506) 2024-11-27 18:10:15 +08:00
VideoCallButton.vue chore: Update reply editor design (#10575) 2025-01-08 17:49:53 +05:30