Material-ui: [حدد] تغيير موضع النافذة المنبثقة

@ w3nda بعد التوثيق:

• تم إنشاء مكون القائمة أعلى Popover:
  
• يمكن وضع Popover كما تتوقع:
  
• من خلال الجمع بين هاتين المعلومتين وتحديد تحذير ، يمكننا التوصل إلى:

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

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

آمل أن تساعد.

أوه ، إنه مع التحديد ، دعنا نذهب خطوة أعمق:

• التحديد يستخدم القائمة:
  
• ♻️

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

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

ملك!
لقد وجدت أنه إذا كانت القائمة تحتوي على مساحة كافية تحتها ، فسيتم عرضها بشكل مثالي ، ولكن إذا لم يكن لديه مساحة على الشاشة ، فسيتم دفع القائمة لأعلى. صحيح؟ أو سلوك مكسور؟

لقد وجدت أنه إذا كانت القائمة تحتوي على مساحة كافية تحتها ، فسيتم عرضها بشكل مثالي ، ولكن إذا لم يكن لديه مساحة على الشاشة ، فسيتم دفع القائمة لأعلى.

wenduzer يبدو هذا مثل السلوك المتوقع.

أوه ، إنه مع التحديد ، دعنا نذهب خطوة أعمق:

oliviertassinari شكرًا ، هذا بالضبط ما كنت أبحث عنه منذ ساعتين.

@ Shrikant9 كيف يمكننا تحسين

كيف يمكننا تحسين قابلية اكتشاف الإجابة؟

oliviertassinari في رأيي ، وجود إصدارات أكثر تنوعًا من العروض التوضيحية على الصفحة التجريبية المكونة من <Select /> . على الرغم من أنني بصراحة ، فقد بدأت مؤخرًا في استخدام واجهة المستخدم المادية ، لذا ما زلت بحاجة إلى التعود على المستندات.

@ Shrikant9 يسعدنا قبول طلب سحب 👍.

oliviertassinari شكرا لك صديقي ، لقد ساعدتني كثيرا جدا. أعرف واجهة المستخدم المادية جيدًا بما يكفي ، لكنني لم أستطع الوصول إلى هذا القرار

من المحتمل أن نغير الوضع الافتراضي بالرقم # 18493.

جعل الافتراضي سيكون جيدا جدا