กูเกิล-ไมโครซอฟท์ ผนึกกำลังแก้ปัญหาเบราว์เซอร์แสดงผลเว็บต่างกัน

กูเกิล-ไมโครซอฟท์ประกาศความร่วมมือระหว่างทีม Chrome และ Edge แก้ปัญหาเรื่องเว็บเบราว์เซอร์แต่ละตัวแสดงผลมาตรฐานเว็บไม่เหมือนกัน ใช้ชื่อโครงการว่า #Compat2021

โครงการนี้จะอ้างอิงข้อมูลจาก Web DNA (Web Developer Needs Assessment) ที่ริเริ่มโดย Mozilla สำรวจความเห็นของนักพัฒนาเว็บ และพบว่ามีปัญหาสำคัญ 5 ประการคือ CSS Flexbox, CSS Grid, CSS position: sticky, CSS aspect-ratio property, CSS transforms ที่พฤติกรรมของแต่ละเบราว์เซอร์ต่างกัน

กูเกิล ไมโครซอฟท์ และพาร์ทเนอร์รายอื่นๆ จะร่วมกันแก้ปัญหานี้ โดยไมโครซอฟท์จะเริ่มจากแก้ Chromium ให้ผ่านการทดสอบ CSS Grid test 100% เป็นต้น

ตัวอย่างบั๊กของ CSS Flexbox (ซ้าย: ขนาดผิดจากบั๊ก auto-height, ขวา: แสดงผลถูกต้อง)

ที่มา – Microsoft, Web.dev (Google)