-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
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
[TextField] Outlined label gap is delayed after server-side hydration #17305
Comments
This is expected, we rely on the availability of the layout measurements to correctly position the gap for the label. You could work around the problem by setting a background color to the label that matches the background. We could document this limitation in https://material-ui.com/components/text-fields/#limitations. Do you want to handle it? :) |
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
@oliviertassinari Can I document this if possible 😄 |
It would be nice for this to wait for #17483 |
Agree, we should also wait for the direction #17680 takes. |
We have found a solid solution in #17680. It should do it. |
After page load, the first time elements has default browser css styles and only after 1-3 second they became as they should be (look at the video https://cl.ly/c374d670fe2a )
Current Behavior 😯
I see changing styles while the page is being rendered. Here is video with the issue video of the issue.
Expected Behavior 🤔
Render correctly styled element immediately
Steps to Reproduce 🕹
Steps:
<TextField Element variant="outlined" />
for example)Your Environment 🌎
The text was updated successfully, but these errors were encountered: