Search within select focus

Hi @boris.net,

A general MDBSelect refactor is planned.

We will try to introduce it in the near future.

Examples from the documentation come from jQuery technology, they are used only for presentation and hence this bug.

Sorry, for the problems.

Best regards, Konrad.

@Konrad Stępień I've purchased pro React version primarily for this component. Showcasing JQuery functionality pretending to be a React component is wrong on so many levels. I have a client demo coming up in 1 weeks time. What are the suggestions there for me to get this working like in the Demo?

Hi @boris.net,

Can you test my code? I made the setFocus function for search input when you open select.

import React, { Component } from 'react';
import { MDBSelect } from 'mdbreact';

class SelectPage extends Component {
  state = {
    options: [
      {
        text: 'USA',
        value: '1'
      },
      {
        text: 'Germany',
        value: '2'
      },
      {
        text: 'France',
        value: '3'
      },
      {
        text: 'Poland',
        value: '4'
      },
      {
        text: 'Japan',
        value: '5'
      }
    ]
  };

  setFocus = e => {
    const search = e.target.parentElement.querySelector('#selectSearchInput');

    setTimeout(() => {
      search.focus();
    }, 100);
  };

  render() {
    return (
      <div>
        <MDBSelect
          search
          options={this.state.options}
          selected='Choose your option'
          label='Example label'
          onClick={this.setFocus}
        />
      </div>
    );
  }
}

export default SelectPage;

Best regards, Konrad.