Topic: labels positions shift in Ver 7.5.2

itay pro asked 5 years ago


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 ?


Damian Gemza staff answered 5 years ago


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


Damian Gemza staff answered 5 years ago


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


itay pro commented 5 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


itay pro answered 5 years ago


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.


itay pro commented 5 years ago

It also looks as if you added mdb-select * {font-family: "Roboto"} which changed the font


Damian Gemza staff answered 5 years ago


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


itay pro answered 5 years ago


Damian Gemza staff answered 5 years ago


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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: 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
Tags