Description
Situation:
Text rendered in a textarea included in a modal becomes blurry if it has scroll (long text)
Scenario:
Go to https://ec.europa.eu/component-library/ec/components/modal/code/
Inspect the code and add in the body area of the modal a text area component
Write a long text inside the text area. The text becomes blurry (screenshot attached):
Current Result:
The text in the text area becomes hard to read for users. This bug is related ONLY with blink engine browsers (ex: Chrome and Edge). Firefox or Tor browsers renders the text correctly.
Expected Result:
The text must have a good definition as the rest of elements of the web for proper legibility and readability.
Solution:
Checking several forums and blogs, I realized that adding a CSS attribute to the textarea element will fix the bug:
border-radius: unset;
Activity