Popovers and Floating UIs

في الحلقة دي بنتكلم عن احد اهم عناصر الويب UI وهي اي حاجة طايرة عندك في الشاشة بنعملها ازاي وايه الصعوبات الي بنواجهها في النوع دا من الـ Components.

بتكلم برضو عن ادوات الـ Positioning المتاحة لينا وازاي بنستعملها في سيناريوهات مختلفة. وايه الضوء في اخر النفق الي ممكن يحللنا كل مشاكلنا.

• CSS Position | MDN
• Identifying the containing block | MDN
• Tippy.js
• Floating UI (Recommended)
• Stripe Menus
• Dialog element | MDN
• Popover API | MDN
• Steal this popover code
• Anchor Positioning draft
• Anchor Positioning tool