مشاكل في الـ masonry grid

تبدو شبكة البناء (masonry grid) معطلة قليلاً مؤخرًا. عند تغيير حجم النافذة، تتداخل العناصر ولا تحافظ على شبكة البناء. قمت بتعطيل كل أكواد CSS الأخرى على موقعي وسجلت هذا كمثال:

يبلغ بعض المستخدمين أيضًا عن تشوه الصور المصغرة حيث لا تحافظ على نسبة العرض إلى الارتفاع. من الصعب بعض الشيء معرفة ذلك، ولكن العديد من هذه الصور لا يتم عرضها بشكل صحيح:

5 إعجابات

شكراً للإبلاغ عن هذا! يبدو أنها مشكلة خاصة بمتصفح سفاري… كان لدينا بعض اكتشافات الميزات في CSS لوضع “masonry” الأصلي للمتصفح، وعلى الرغم من أن سفاري لا يمتلك هذا، إلا أنه يبدو أنه يعتقد أنه يمتلكه ويسبب مشاكل في التخطيط.

لقد أضفت بعض الإصلاحات هنا: FIX: remove CSS masonry @supports due to Safari issues by awesomerobot · Pull Request #28 · discourse/discourse-topic-thumbnails · GitHub

لذلك، سيؤدي تحديث المكون إلى حل مشاكل التداخل، وربما مشاكل الحجم أيضًا (ولكن أخبرنا إذا استمرت هذه المشاكل).

6 إعجابات

يبدو أن هذا قد أصلح كلتا المشكلتين، شكرًا لك على الإصلاح السريع جدًا يا كريس!

6 إعجابات