تخطّي ما لا يُرى

صفحة من ثلاثين قسمًا يحسب المتصفح تخطيطها كلّها ويرسمها عند التحميل، مع أن الزائر لا يرى إلا أولها. content-visibility: auto يقول له: تخطَّ تخطيط القسم ورسمه ما دام بعيدًا عن الشاشة، وأنجزه حين يقترب.

والمحتوى باقٍ في الصفحة: يجده البحث بـ Ctrl+F، ويقرؤه قارئ الشاشة، وتصل إليه الروابط — بخلاف display: none أو حذف العناصر.

الفخّ: القسم المتخطّى يُعامَل كأنه فارغ، فينهار ارتفاعه ويقفز شريط التمرير كلما رُسم قسم جديد. contain-intrinsic-size يحجز له ارتفاعًا تقديريًّا، والكلمة auto قبل الطول تجعل المتصفح يتذكّر الارتفاع الحقيقي بعد أول رسم.