{"id":1221,"date":"2016-10-09T15:59:19","date_gmt":"2016-10-09T13:59:19","guid":{"rendered":"http:\/\/blogs.igalia.com\/jfernandez\/?p=1221"},"modified":"2016-10-18T13:13:16","modified_gmt":"2016-10-18T11:13:16","slug":"web-engines-hackfest-2016","status":"publish","type":"post","link":"https:\/\/blogs.igalia.com\/jfernandez\/2016\/10\/09\/web-engines-hackfest-2016\/","title":{"rendered":"Web Engines Hackfest 2016"},"content":{"rendered":"

Last week I attended the Web Engines Hackfest 2016, hosted by Igalia<\/a> at the HQ premises in A Coru\u00f1a. For those still unaware, it’s a unconference like event focused on pure hacking and technical discussions about the main Web Engines supporting the Web Platform.<\/p>\n

\"30147116385_9e2737ef4d_o\"<\/p>\n

This year there were a very interesting group of hackers, representing most of the main web engines, like Mozilla’s Gecko and Servo, Google’s Blink, Apple’s WebKit and Igalia’s WebKitGTK+.<\/p>\n

Hacking log<\/h2>\n

This year I was totally focused on hacking Blink web engine to solve some of the most complex issues of the CSS Grid Layout feature. I’d like to start giving thanks to Google to join the hackfest sending Christian Biesinger, specially thanks to him because of the long flight to attend. It was a pleasure to work work with him on-site and have the opportunity to discuss these complex issues face to face.<\/p>\n

Day 1<\/h3>\n

During the weeks previous to the hackfest I’ve been working on fixing the bug 628565<\/a>, reported several months ago but hitting me quite much recently. It’s a very ugly issue, since it shows an unpredictable behavior of Grid layout logic, so I decided that I might fix it once for all. I managed to provide 2 different approaches, which can be analyzed in the following code review issues: Issue 2361373002<\/a> and Issue 2333583002<\/a>. Basically, the root cause of both issues is the same; grid’s container intrinsic size<\/strong> is not computed correctly when there are grid items with orthogonal flows<\/strong>.<\/p>\n

There are 2 fundamental concepts that are key for understanding this problem:<\/p>\n