Browser hacking: Improving Shopify layout with CSS fit-content
PR: https://github.com/SerenityOS/serenit...
Follow me on Twitter: / awesomekling
Sponsor me on GitHub: https://github.com/sponsors/awesomekling
Support me on Patreon: / awesomekling
Donate via PayPal: https://paypal.me/awesomekling
Discord: / discord
Merch: https://store.serenityos.org/
SerenityOS is a new operating system that we're building from scratch. https://serenityos.org
Ladybird is a cross-platform web browser, also part of the SerenityOS project. :^)
00:00 Intro / task of the day
01:05 Making a reduction
19:17 Debugging the problem
21:03 Accepting the fit-content size value
26:03 Implementing fit-content in block layout
29:55 Intrinsic size of non-formatting-context-roots
32:37 Testing the block layout implementation
33:10 Debugging the problem again
35:15 Implementing fit-content in grid layout
37:04 Testing the grid layout implementation
38:43 Making a layout test from the reduction
39:15 Making git commits
42:50 Making a layout test for fit-content in block layout
45:33 Making more git commits
45:52 Supporting fit-content in min-width and max-width as well
50:02 Yet another git commit
50:56 Testing everything on the web again
51:31 Outro