Browser hacking: Fixing a layout bug on Shopify.com @awesomekling
Browser hacking: Fixing a layout bug on Shopify.com  @awesomekling
Uploaded May 2023 | Updated September 2026, 2 weeks ago
PR: github.com/SerenityOS/serenity/pull/18878

SerenityOS is open source on GitHub: github.com/SerenityOS/serenity

Follow me on Twitter: twitter.com/awesomekling
Sponsor me on GitHub: github.com/sponsors/awesomekling
Support me on Patreon: patreon.com/awesomekling
Donate via PayPal: paypal.me/awesomekling

Discord: discord.gg/serenityos
Merch: store.serenityos.org

SerenityOS is a new operating system that we're building from scratch. serenityos.org
Ladybird is a cross-platform web browser, also part of the SerenityOS project. :^)

00:00 Intro
01:00 Analysis of the Shopify layout problem
03:15 Making a simplified testcase
09:10 Debugging & implementing flex-basis: calc()
26:20 Running into a new problem
32:06 Debugging & fixing calc(50% - 1px)
58:16 Making a test for the calc negation bug
1:04:44 Making git commits
1:16:40 Outro
Browser hacking: Fixing a layout bug on Shopify.comBrowser hacking: Fixing a CSS layout bug found by chessboard.jsSerenityOS update (November 2023)Ladybird browser update (July 2023)Browser hacking: Lets add a JIT compiler to LibJSSerenityOS update (May 2022)Ladybird browser update (June 2024)SerenityOS Office Hours / Q&A (2022-11-04)Browser hacking: Lets not lose the selection when resizing the browser!FIXME Roulette: Preserving nanosecond timestamps when copying filesSerenityOS Office Hours / Q&A (2022-12-09)Ladybird browser update (February 2024)
Andreas Kling |

Browser hacking: Fixing a layout bug on Shopify.com

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER