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

#7768 [mB] re-design registration and login forms : Tooltip Position Issue in Firefox on Form Submission #5553

Open
sblindow opened this issue Mar 5, 2024 · 2 comments
Labels
Status: On hold issue or PR paused Type: Question issue or PR needing answer

Comments

@sblindow
Copy link
Contributor

sblindow commented Mar 5, 2024

URL:
https://meinberlin-design-dev.liqd.net/accounts/signup/

user:
Front-end user trying to register.

expected behaviour:
When a required field is left blank on the registration form and the user tries to submit, a tooltip should appear next to the relevant field, stating "Bitte füllen Sie dieses Feld aus" ("Please fill out this field"), and should stay anchored to the field even when the page is scrolled.

behaviour:
In Firefox, the tooltip detaches from the input field upon scrolling and moves across the page. This behavior is inconsistent with other browsers (like Chrome, Edge, Safari) where the tooltip stays anchored.

important screensize:
Screensize not applicable.

device & browser:
The issue is specific to Firefox.

Screenshot
Tooltip appears:
Bildschirmfoto 2024-03-05 um 10 58 36

Then I moves across the page when scrolling:
Bildschirmfoto 2024-03-05 um 10 58 42

@sblindow sblindow added the Type: Question issue or PR needing answer label Mar 5, 2024
@sblindow sblindow added this to the Re-Design low prio milestone Mar 5, 2024
@sblindow
Copy link
Contributor Author

sblindow commented Mar 5, 2024

Is this behavior due to our CSS/JavaScript influencing Firefox's rendering, or is it a bug with Firefox's version of tooltip implementation for form validation?

@hom3mad3
Copy link
Contributor

hom3mad3 commented Mar 5, 2024

@sblindow can reproduce. unfortunately this is an issue with the browser :/ i don't think there is much we can do here. we should wait until they release a fix.

@CarolingerSeilchenspringer CarolingerSeilchenspringer added the Status: On hold issue or PR paused label Mar 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: On hold issue or PR paused Type: Question issue or PR needing answer
Projects
None yet
Development

No branches or pull requests

3 participants