-
Notifications
You must be signed in to change notification settings - Fork 4k
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
Fix InputControl label alignment #30033
Conversation
Size Change: +5 B (0%) Total Size: 1.4 MB
ℹ️ View Unchanged
|
What is overriding the styles? Just adding specificity will cause problems when consumers of this component do need to override these styles for one reason or another. It looks like this is a fairly new bug (at least I remember this working correctly as recently as a couple months ago) so it seems like a regression that could be fixed rather than trying something like we're doing in this PR here. What do you think about trying to find the root cause of this issue instead given it used to work as expected? |
Expanding on @sarayourfriend 's comment. Why
|
Oh yes I remember this now @ItsJonQ didn't we see this in a different area as well? At the time we didn't need to fix it for some reason. Swapping out |
IMO, it shouldn't (not in the long term anyway). |
I don't want to leak too much of the conversation in #29689 here but yes, at least for now compounding specificity is going away. I'll open a PR to upgrade G2. |
@sarayourfriend Cool :). Thank you! |
Opened here #30146 |
Thank you all for your input:) |
@grzim (Phew!) Thanks for the update 🙏 |
Description
Closes #30026
Solves the issue of broken label positioning in the
InputControl
component.The problem is with styles that are being overwritten - the proposition in the PR is to add higher priority to these styles with
&
, so we can preserve the way everything is styled there (7&
is the minimal number to apply styles).Another solution is to add styles directly applied to a component
which looks cleaner but it would introduce a different way of adding styles (everything is handled by styled-components now).
How has this been tested?
4
Screenshots
Types of changes
Bug fix
Checklist: