Mdbselect issues


Topic: Mdbselect issues

Jan asked 6 years ago

Hello, ive enoutered some problems with The pro version. 1. If No Option ist supplied (even No placeholder) The Position of The Label is messed Up. Also The Page throws violations and the mdbselect seems to bei laggy.   2. If the Options get updated dynamically The Filter Will be schown but Not applied.   Thank you in advance :)

Jan answered 6 years ago

Hello guys, I am encountering more issues. If I am working in fullscreen and resize the browser the select will work fine. If I am loading in a small browser size the select box content will flip to the top and is not selectable anymore: https://imgur.com/a/fWKR5D4   Guys I am very happy with the mdbootsrap framework, but as my company pays for it and we use it for our products, its hard to face those kinds of issues every day ;(

Jan answered 6 years ago

And one more Thing:   Are you Guys able to Provide me an example: Want to Display a select Box on left Side and one on right Side. Like a Form inline. No mather what i so, i have to add custom CSS to make it align Proper. Is this Not possible Out of The Box?

Damian Gemza staff answered 6 years ago

Dear Jan, Few components which you have listed here are Pro components. But according to our system, you have a Free account. Could you please provide me with order number or mail from which you have bought our MDB Angular Pro product? Please send me that information at d.gemza@mdbootstrap.com Best Regards, Damian

Damian Gemza staff answered 6 years ago

Dear Jan, Let me answer your question in order which you have posted it. 1st: With the newest version of MDB Angular this problem will be fixed. But instead of <label> element, please use [label] input on mdb-select component. Please check the below code:
<mdb-select [options]="optionsSelect" [label]="'Example Label'"></mdb-select>
2nd: It's a known problem for us. As a workaround, please use the spread operator to update dynamically the options array. This problem is described in our Select Documentation. Please check the below code:
update() {

this.optionsSelect= [...this.optionsSelect, {value:'4', label:'Option 4'}];

}
3rd: I don't know how to reproduce a problem with resizing a browser window. Tried to use Responsive Mode in Firefox, also tried to resize the browser window, but without success. Cannot reproduce your problem. 4th: problem: Did you tried to achieve your desired behavior with flexbox? Please check my below code:
<div class="row">

<div class="col-md-10 mx-auto d-flex justify-content-between my-5">

<mdb-select class="w-25" [options]="optionsSelect" [label]="'Example Label'"></mdb-select>

<mdb-select class="w-25" [options]="optionsSelect" [label]="'Example Label'"></mdb-select>

</div>

</div>
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

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: All
  • Browser: chrome
  • OS: All
  • Provided sample code: No
  • Provided link: No