Popup Content Not Scrollable for Long Translations #156
Description
When translating large amounts of text using the "Translate to Hinglish" context menu option, the resulting translated text displayed in the popup sometimes overflows and becomes inaccessible. This is because the popup created in showTranslationPopup() does not include scroll or height constraints for the translation content area.
As a result:
Users cannot view the entire translation.
There's no vertical scroll.
The popup may extend off-screen, especially on smaller monitors.
✅ Suggested Fix:
Add the following CSS properties to the translation display container in showTranslationPopup():
white-space: pre-wrap;
max-height: 300px;
overflow-y: auto;
This will ensure:
Long translations wrap properly.
The content area scrolls when it overflows.
The popup remains within visible bounds.