Topic: labels positions shift in Ver 7.5.2
I finally upgraded from 7.4.0 to 7.5.2
While labels position was fine in 7.4.0, in 7.5.2 they started to shift in different directions for input, textarea and select elements.
It also depends on the number of columns in a form row
I suspect it has to do with RTL direction as labels might align to the left but not to the right, even if adding
left:auto !important
right:0 !important
Are you familiar with that and do you have a solution ?
Dear @mdb2
Could you please provide me with some code with which I'll be able to reproduce your problem?
Screenshots would be helpful too.
Best Regards,
Damian
As I said before,
Please provide me with at least one code of your select element.
Without it I'm not able to help you well.
Best Regards,
Damian
OK,
It took me a while to understand what you broke now.
It looks like you added transform:scale(0.8) to label.active and removed font-size:0.8rem;
While it works fine with LTR layout, it looks as if the width of the associated element is also reduced by 0.8 so while the left edge remains the same, the right edge shrinks to the left, rendering the label with offset.
I fixed it by adding:
label.active {
transform: scale(1);
font-size: 0.8rem;
}
Please don't break anything that works.
mdb2 pro commented 6 years ago
It also looks as if you added mdb-select * {font-family: "Roboto"} which changed the font
Dear @mdb2
We didn't break anything, but we have upgraded it. We said a lot of times that MDB doesn't support RTL, so if we change something in our code, we cannot guarantee, that your custom RTL code will work without any problems.
Best Regards,
Damian
mdb2 pro commented 6 years ago
MDB works well for RTL, given some adjustments It is better that you add it to your supported list to reach more crowd easily
Dear @mdb2
Support for RTL is in our feature list. It will be added to our product, but I'm not able to provide you with ETA.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.1
- Device: NA
- Browser: NA
- OS: NA
- Provided sample code: No
- Provided link: No