iachat/app/javascript/dashboard/components
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
..
Accordion chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
app chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
base feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
buttons chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
copilot feat: allow copilot use without connecting an inbox (#10992) 2025-02-28 15:20:39 -08:00
layout chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
specs chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -07:00
table feat: Add per-page support for agent and team overview report pagination (#11110) 2025-03-19 16:45:59 +05:30
ui chore: Update date range picker with new theme colors (#11267) 2025-04-09 16:03:53 +05:30
widgets fix: Emoji rendering issue with <textarea/> in chrome (#11312) 2025-04-16 12:21:28 +05:30
ChannelSelector.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
ChatList.vue feat: Add support for frontend filtering of conversations (#11111) 2025-03-24 19:39:04 -07:00
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 fix: Usability issues in conversation card context menu (#10971) 2025-02-25 16:48:04 +05:30
CustomAttribute.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
CustomBrandPolicyWrapper.vue style: apply fixes for eslint issues [cw-3590] (#10210) 2024-10-03 15:02:12 +05:30
CustomSnoozeModal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
FormSection.vue feat: Eslint rules (#9839) 2024-08-05 14:02:16 +05:30
index.js chore: Remove old buttons from Vue2 design (#11159) 2025-03-31 17:51:38 -07:00
IntersectionObserver.vue feat: Vite + vue 3 💚 (#10047) 2024-10-02 00:36:30 -07:00
Modal.vue chore: Update buttons in conversation screens(#11132) 2025-03-21 14:47:28 +05:30
ModalHeader.vue chore: fix circleci on vite build (#10214) 2024-10-07 15:27:41 +05:30
NetworkNotification.vue chore: Update buttons in conversation screens - 2 (#11134) 2025-03-21 21:54:54 +05:30
policy.vue feat: Add visibility checks for installation types (#10773) 2025-02-21 14:48:31 -08:00
SettingsSection.vue chore: Update styles in settings pages (#11070) 2025-03-18 14:40:02 -07:00
SidemenuIcon.vue chore: Update buttons in dashboard (#11145) 2025-03-31 17:21:32 -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