کروم 108 میں ایک جوڑے کی تبدیلیاں آ رہی ہیں۔

"سی ایس ایس میں تبدیل شدہ عناصر پر اوور فلو میں تبدیلی":

کروم 108 سے، درج ذیل تبدیل شدہ عناصر اوور فلو پراپرٹی کا احترام کرتے ہیں: img, video اور canvas. کروم کے پہلے ورژن میں، اس خاصیت کو ان عناصر پر نظر انداز کر دیا گیا تھا۔

اس کا مطلب یہ ہے کہ ایک تصویر جو پہلے اس کے مواد کے خانے میں تراشی گئی تھی اب ان حدوں سے باہر نکل سکتی ہے اگر سٹائل شیٹ میں ایسا کرنے کی وضاحت کی جائے۔

لہذا، تصویر، ویڈیو، اور کینوس کے عناصر جو ایک بار تراشے گئے تھے، کروم 108 کے بھیجے جانے پر اوور فلو ظاہر کر سکتے ہیں۔ قابل ذکر حالات جہاں یہ آپ کے موجودہ کام کو متاثر کر سکتا ہے:

• ۔ object-fit پراپرٹی کا استعمال تصویر کو پیمانہ کرنے اور باکس کو بھرنے کے لیے کیا جاتا ہے۔ اگر پہلو کا تناسب باکس سے مماثل نہیں ہے، تو تصویر حد سے باہر نکل جائے گی۔
• ۔ border-radius پراپرٹی ایک مربع تصویر کو دائرے کی طرح دکھاتی ہے، لیکن اس وجہ سے overflow واضح ہے کلپنگ اب نہیں ہوتی ہے۔
• مقرر inherit: all اور تمام املاک کو وراثت میں شامل کرنا، بشمول overflow.

کوڈ کی مثالوں کے لیے مکمل مضمون پڑھنے کے قابل ہے، لیکن ناپسندیدہ نظر آنے والے اوور فلو کا حل UA کے ڈیفالٹ کو اوور رائیڈ کر رہا ہے۔ overflow: visible ساتھ overflow: clip:

img {
  overflow: clip;
}

"Android پر کروم میں آنے والے ویو پورٹ کے سائز کے رویے کی تبدیلیوں کی تیاری کریں":

نومبر میں، کروم 108 کی ریلیز کے ساتھ، کروم اس میں کچھ تبدیلیاں کرے گا کہ آن اسکرین کی بورڈ (OSK) کے دکھائے جانے پر لے آؤٹ ویو پورٹ کیسے برتاؤ کرتا ہے۔ اس تبدیلی کے ساتھ، Android پر Chrome اب لے آؤٹ ویو پورٹ کا سائز تبدیل نہیں کرے گا، اور اس کے بجائے صرف بصری ویو پورٹ کا سائز تبدیل کرے گا۔ یہ کروم پر اینڈرائیڈ کے رویے کو آئی او ایس پر کروم اور آئی او ایس پر سفاری کے برابر لے آئے گا۔

یہ ویو پورٹ یونٹس کے ساتھ کام کرنے اور موبائل ٹچ ڈیوائسز پر فکسڈ پوزیشننگ کے عام سر درد سے متعلق ایک تبدیلی ہے۔ ہم نے سالوں میں اس کا احاطہ کیا ہے (اور اسے حل کرنے کی کوشش کی ہے):

تبدیلی کا مطلب یہ ہے کہ آن اسکرین کی بورڈ دکھائے جانے پر اینڈرائیڈ پر کروم لے آؤٹ ویوپورٹ کا سائز تبدیل نہیں کرے گا۔ لہذا، جب کسی ڈیوائس کا کی بورڈ ظاہر ہوتا ہے تو ویو پورٹ یونٹس کی حسابی قدریں سکڑتی نہیں رہیں گی۔ ایسا ہی ان عناصر کے لیے بھی ہوتا ہے جو مکمل ویو پورٹ لینے کے لیے ڈیزائن کیے گئے ہیں جو کی بورڈ کو ایڈجسٹ کرنے کے لیے اب سکڑ نہیں رہے ہیں۔ اور اب کوئی فکسڈ پوزیشن عنصر ختم نہیں ہوگا کون جانتا ہے کہ کی بورڈ کب پاپ اپ ہوتا ہے۔

یہ کراس براؤزر کا زیادہ مستقل رویہ لاتا ہے جو iOS اور iPadOS پر Chrome، Safari، اور Edge کے مطابق ہے۔ یہ بہت اچھا ہے، یہاں تک کہ اگر اپ ڈیٹ کردہ طرز عمل مثالی سے کم ہے کیونکہ کی بورڈ UI اب بھی ان عناصر کو کور اور غیر واضح کر سکتا ہے جو اس کے راستے میں آتے ہیں۔

اگر آپ ترجیح دیتے ہیں کہ عناصر مرئی رہیں جب ایسا ہوتا ہے، تو یہ دیکھنے کے قابل ہے۔ حل کرس نے کافی دیر پہلے شیئر کیا۔ جو سابقہ ​​استعمال کرتا ہے۔ webkit-fill-available جائیداد:

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}

یہ ویو پورٹ میں دستیاب جگہ کا استعمال کرتا ہے بجائے اس کے کہ UI کے ذریعے کیا جاتا ہے… لیکن کروم فی الحال اس پراپرٹی کو نظر انداز کرتا ہے، اور میں اپنی جیب میں موجود نکل پر شرط لگاتا ہوں کہ 108 ریلیز میں اس کا احترام شروع کرنے کا امکان نہیں ہے۔ یہ ایک اہم نقطہ ہو سکتا ہے، اگرچہ، کے طور پر کروم 108 بھی متعارف کرایا چھوٹے، بڑے، اور متحرک ویو پورٹ یونٹس کے لیے سپورٹ، جو پہلے ہی سفاری اور فائر فاکس میں تعاون یافتہ ہیں۔