I'm using MDBAutocomplete inside a Step (MDBStepperStep), and the dropdown for the autocomplete renders outside of the stepper, on top of the page.

Expected behavior

Render the dropdown right below the autocomplete field

Actual behavior

dropdown renders outside of the whole stepper component

Resources (screenshots, code snippets etc.)

<MDBStepperStep headIcon={3} headText={t("Company")} itemId={3}>
      <MDBRow>
        <MDBCol size="12" md="8" lg="6" xl="4" className="mx-auto text-center">
        <MDBAutocomplete
        data={data}
        label={t("Company name")}
        onSearch={onSearch}
        onSelect={onSelectCompany}
        />
        <MDBBtn className='mx-2' color='tertiary' rippleColor='light' onClick={toggleModal}>
            {t("Your company is not listed? Click here to add it.")}
        </MDBBtn>
        </MDBCol>
      </MDBRow>
      {selectedCompany && selectedCompany.length > 0 &&
      <MDBRow className="mt-4">
        <MDBCol size="12" md="8" lg="6" xl="4" className="mx-auto">
            <MDBInput className="mb-2" label={t("Position")} />
            <MDBInput className="mb-2" label={t("Department")} />
        </MDBCol>
      </MDBRow>
        }
    </MDBStepperStep>