Material-ui: Pilih posisi tarik-turun bidang

@Muneem Sepertinya Anda bisa menggunakan prop menuStyle seperti yang dibahas di sini di dekat bagian bawah halaman.

Saya juga telah menggunakan komponen Popover sebagai alternatif dari DropDownMenu . Ini memungkinkan kontrol yang lebih mudah atas posisi visual menu Popover.

saya ingin drop down hanya di bidang pilih..bagaimana kita bisa mengontrol posisi vertikal drop down.sekarang menu tumpang tindih dan menyembunyikan label bidang pilih.

+1 apakah ini sudah dijawab?

Hanya ingin meninggalkan ini di sini, kalau-kalau ada orang lain yang memiliki pertanyaan yang sama di 1.0:

<Select
  MenuProps={{
    getContentAnchorEl: null,
    anchorOrigin: {
      vertical: "bottom",
      horizontal: "left",
    }
  }}
>

</Select>

@cobbs-totem kamu mvp asli

@JeremyGrieshop kamu

@JeremyGrieshop Mampir dari masa depan untuk mengucapkan terima kasih

@JeremyGrieshop Anda membuat hari saya menyenangkan

Ya ini luar biasa!

<Select
          defaultValue=""
          MenuProps={{
            anchorOrigin: {
              vertical: "bottom",
              horizontal: "left"
            },
            transformOrigin: {
              vertical: "top",
              horizontal: "left"
            },
            getContentAnchorEl: null
          }}
        >
          <MenuItem value={1}>Option 1</MenuItem>
          <MenuItem value={2}>Option 2</MenuItem>
</Select>

@JeremyGrieshop 2 tahun kemudian, terima kasih! 💯

@JeremyGrieshop tolong bantu saya, saya melakukan seperti yang Anda katakan tetapi posisi saya setelah klik adalah viewport bawah dan viewport kiri. Tolong bantu. Saya menggunakan Menu UI Material

<Menu anchorBuyer={anchorBuyer} anchorOrigin={{ vertical: "top", horizontal: "left" }} id={menuIdBuyer} keepMounted transformOrigin={{ vertical: "top", horizontal: "left" }} open={isMenuBuyerOpen} onClose={handleMenuCloseBuyer} >

memiliki masalah label menjadi hilang ketika pilih diklik setelah berhasil mengubah posisi dropdown dari jawaban di atas, ternyata gaya default mengubah warna label input menjadi putih pada fokus yang merupakan warna latar belakang saya. Untuk memperbaikinya, cukup timpa gaya <InputLabel classes={{focused: classes.X}}> mana class X berisi color: "initial" . mui v4.11.0

Halo semua,
Saat ini tidak berhasil (tidak ada perubahan dalam posisi MenuItems) dengan metode @JeremyGrieshop dan @pzanwar03 . Apakah menurut Anda ini mungkin karena fakta bahwa <Select> terbungkus <FormControl> ? Terima kasih atas saran sebelumnya.

`` javascript <FormControl className={classes.textField}> <InputLabel id="demo-simple-select-outlined-label">Type</InputLabel> <Select MenuProps={{ anchorOrigin: { vertical: "bottom", horizontal: "left" }, transformOrigin: { vertical: "top", horizontal: "left" }, getContentAnchorEl: null }} labelId="demo-simple-select-outlined-label" id="demo-simple-select-outlined" value={props.x} onChange={props.handleChange} label="x" name="x"> <MenuItem value={'1'}>1</MenuItem> <MenuItem value={'2'}>2</MenuItem> </Select> </FormControl>