MDB Bootstrap Support


Topic: MDB Bootstrap Support

ak.leimrey pro asked 6 years ago

First things first, 

SUPER pleased about the increased performance of the select component. When I compare it to 5.2.6 it's now almost instantaneous. 

Also, the dropdown depending on how many items are after the filtering is now responsive. Very neat. The customer was pleased by this. 

I only seem to have a minor issue. When I use it anywhere else, it seems perfectly fine.

https://gyazo.com/1d3adb367657d9fe9bc521e14c51a840

When I put it in the header it seems to break. 

https://gyazo.com/16af5347afc1aaf1eac97ea48aef2b39

It always has a horizontal scroll bar. And the seperator between the filter and the options isn't centered and ends on the right side. 

I fixed it on my end for now, by applying to the dropdown-content "overflow-x:hidden" and on the form-control "margin-left: 0rem"

Somewhat unrelated to this, since the css classes have changed since version 5.2.6 due to the rewrite, what's the class to reduce the transition time of the animation? 


Damian Gemza staff answered 6 years ago

Dear @ak.leimrey 

Thank you for your kind words! We'll happy, that you enjoy our work.

About bug with select: Could you please provide me with the code which breaks your select? I would like to debug it.

About animation: Which animation time do you want to reduce? The select animation? This animation can't be changed by the user, because the Select animation is written with Angular Animations, and we didn't provide any input on config to change the duration time of dropdown animation.

Best Regards,

Damian


ak.leimrey pro commented 6 years ago

Sorry for the late response! Could I send you the code in private? It contains a few bits of information I don't want to make public like this.

Regarding the animation: That's okay. It wasn't a massive issue to begin with. It's just we're using one drop-down item next to the selects and I wanted to get a more similar animation. 


Damian Gemza staff commented 6 years ago

Sure, feel free to send me the code via mail. Here's my email address: d.gemza@mdbootstrap.com

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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No