MDBSelect dropdown list direction not auto set?

Hi @công võ,

Thank you very much for your feedback and fonded bug! But it is not possible for this time. Examples from the documentation are in jQuery technology because it is only for presents examples.

We will fix this in the near future. I forwarded it to our technical team.

If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best regards, Konrad.

Hi @công võ,

You can follow the change log

And if you need for now a solution, Can you follow my code?

import React, { Component } from "react";
import { MDBSelect } from "mdbreact";
import './App.css' // Remouve me if you have other file of styles

class SelectPage extends Component {
  state = {
    options: [
      {
        text: "Option 1",
        value: "1"
      },
      {
        text: "Option 2",
        value: "2"
      },
      {
        text: "Option 3",
        value: "3"
      }
    ]
  };

  render() {
    return (
      <div>
        <MDBSelect
          options={this.state.options}
          selected="Choose your option"
          label="Example label"
          className="list-top"
        />
      </div>
    );
  }
}

export default SelectPage;

and add this:

.list-top.select-wrapper ul {
  bottom: 0 !important;
  top: initial !important;
}

for your styles.

But for fix the component you have to wait.

Best regards, Konrad.