Mdbselect issues

Topic: Mdbselect issues

Jan free asked 5 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 :)

Add comment

Damian Gemza staff answered 5 years ago

0 0 Best answer

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:
<div>
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><mdb-select [options]="optionsSelect" [label]="'Example Label'"></mdb-select></pre>
</div>
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 <a href="https://mdbootstrap.com/docs/angular/forms/select/#update-options" >Select Documentation</a>. Please check the below code:
<div>
<pre class="code-toolbar grey lighten-2 p-3 mb-3">update() {

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

}</pre>
</div>
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>
<pre class="code-toolbar grey lighten-2 p-3 mb-3"><div class="row">

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

</div>

</div></pre>
</div>
Best Regards,

Damian

Please insert min. 20 characters.

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

Add comment

Damian Gemza staff answered 5 years ago

0 0 Best answer

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

Add comment

Jan free answered 5 years ago

0 0 Best answer

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?

Add comment

Jan free answered 5 years ago

0 0 Best answer

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 ;(

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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

Jan

30Support score
2Questions 2Answers 0Snippets