Material-ui: [Pilih] Ubah posisi popover

Dibuat pada 20 Jul 2018 · 11Komentar · Sumber: mui-org/material-ui

[x] Ini adalah masalah v1.x.
[x] Saya telah mencari masalah dari repositori ini dan yakin bahwa ini bukan duplikat.

Perilaku yang Diharapkan

Saya ingin menonaktifkan cara pilih menampilkan popover, dengan item yang dipilih sedang di pilih, popover bergerak aneh, hanya ingin menonaktifkannya, dan memposisikan menu di bawah pilih secara permanen .
Saya telah memeriksa file Select , tidak dapat menemukannya. jika Anda bisa memandu saya, saya akan melakukannya sendiri dan membuat PR.

Perilaku Saat Ini

Popover bergerak sesuai dengan item yang dipilih dan tidak ada opsi nonaktifkan / opsi reposisi.

Contoh

Saya ingin menu berada di bawah pilihan.

Konteks

Select question

Sumber

w3nda

Komentar yang paling membantu

Oh, dengan Select, mari melangkah lebih dalam:

Select menggunakan Menu:
♻️

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

https://codesandbox.io/s/18l2042y97

oliviertassinari pada 21 Jul 2018

👍53 ❤8 🎉6 🚀5 😄2 👀1 👎1

Semua 11 komentar

@ w3nda Berikut dokumentasinya:

Komponen Menu dibangun di atas Popover:
Popover dapat diposisikan seperti yang Anda harapkan:
Menggabungkan dua informasi ini dan memperbaiki peringatan, kami dapat menghasilkan:

        <Menu
          anchorOrigin={{
            vertical: "bottom",
            horizontal: "left"
          }}
          transformOrigin={{
            vertical: "top",
            horizontal: "left"
          }}
          getContentAnchorEl={null}

https://codesandbox.io/s/9l17k3qnk4

Saya berharap bantuan itu.

oliviertassinari pada 21 Jul 2018

👍13

Oh, dengan Select, mari melangkah lebih dalam:

Select menggunakan Menu:
♻️

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

https://codesandbox.io/s/18l2042y97

oliviertassinari pada 21 Jul 2018

👍53 ❤8 🎉6 🚀5 😄2 👀1 👎1

Raja!
Saya telah menemukan bahwa jika Menu memiliki cukup ruang di bawahnya, itu akan ditampilkan dengan sempurna, tetapi jika dia tidak memiliki ruang di layar Menu akan didorong ke atas. benar? atau perilaku rusak?

w3nda pada 22 Jul 2018

Saya telah menemukan bahwa jika Menu memiliki cukup ruang di bawahnya, itu akan ditampilkan dengan sempurna, tetapi jika dia tidak memiliki ruang di layar Menu akan didorong ke atas.

@wenduzer Ini terdengar seperti perilaku yang diharapkan.

oliviertassinari pada 22 Jul 2018

🎉3 ❤2

Oh, dengan Select, mari melangkah lebih dalam:

@oliviertassinari Terima kasih, inilah yang saya cari selama 2 jam terakhir.

Shrikant9 pada 4 Mar 2019

@ Shrikant9 Bagaimana kami dapat meningkatkan kemampuan untuk menemukan jawaban?

oliviertassinari pada 4 Mar 2019

Bagaimana kami dapat meningkatkan kemampuan untuk menemukan jawaban?

@oliviertassinari Menurut pendapat saya, memiliki versi demo yang lebih beragam di halaman demo komponen <Select /> . Meskipun sejujurnya, saya baru saja mulai menggunakan material-ui jadi masih perlu membiasakan diri dengan dokumennya.

Shrikant9 pada 5 Mar 2019

🎉2

@ Shrikant9 Kami akan dengan senang hati menerima permintaan tarik 👍.

oliviertassinari pada 5 Mar 2019

👍2

@oliviertassinari terima kasih teman saya, Anda sangat banyak membantu saya. Saya tahu materi ui cukup baik, tapi saya tidak bisa sampai pada keputusan ini