Back to Browse

Browser hacking: Supporting SVG elements with display: block

6.8K views
May 19, 2023
56:28

PR: https://github.com/SerenityOS/serenity/pull/18922 Follow me on Twitter: https://twitter.com/awesomekling Sponsor me on GitHub: https://github.com/sponsors/awesomekling Support me on Patreon: https://patreon.com/awesomekling Donate via PayPal: https://paypal.me/awesomekling Discord: https://discord.gg/serenityos 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:04 Making a simplified testcase 03:38 Starting development work 07:45 Intrinsic sizing of SVG root elements 20:15 Fixes to replaced element sizing 34:31 Propagating SVG root element size to SVG graphics layout 42:25 Testing the fix on live websites 48:02 Making a layout test 49:50 Writing a git commit message 55:48 Outro

Download

1 formats

Video Formats

360pmp4129.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Browser hacking: Supporting SVG elements with display: block | NatokHD