Skip to content

ECL - Textarea has a render problem when used inside Modal component #3840

Open
@joarod-eu

Description

@joarod-eu

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):
Image

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions