Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[input-fields] : RTL Focus animation is reverse Ver.23 #3622

Closed
amiresp opened this issue Mar 29, 2022 · 1 comment · Fixed by #3689
Closed

[input-fields] : RTL Focus animation is reverse Ver.23 #3622

amiresp opened this issue Mar 29, 2022 · 1 comment · Fixed by #3689

Comments

@amiresp
Copy link

amiresp commented Mar 29, 2022

Description
I use a text-field in form but when focus i see focus animation is reverse.
i use html land and dir and all inputs were well aligned to RTL Except for the animations

<vaadin-text-field
        label="${element.label}"
        placeholder="${element.placeholder}"
        value="${element.value}"
        name="${element.name}"
        helper-text="${element.helper}"
      ></vaadin-text-field>

after use this code animation is fixed:

:host([dir="rtl"]) [part="input-field"]::after {
    transform-origin: 0% 0;
}

this code in version 23 is missing
Screen

@amiresp
Copy link
Author

amiresp commented Apr 4, 2022

Note : The photo attached above is a copy of the changes made
@web-padawan

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant