Skip to content
Get packs

Flexbugs

A community list of flexbox bugs in browsers, each with a cross-browser workaround. Archived.

GitHub Download source
Stars
13.5k
Forks
475
Licence
MIT
Language
—
Last update
2.8 years ago
Type
Learning resource

This repository is archived and no longer maintained.

What it is

Flexbugs is a community-maintained list of known problems with CSS flexbox in web browsers, along with workarounds for each one. Each entry describes the bug, which browsers were affected, and demo pages showing the bug and the fix. The repository is archived and no longer maintained, because the README says most of the listed bugs are fixed in modern browsers.

  • Look up a flexbox symptom, such as items overflowing a column container, and find the matching numbered entry
  • Compare a bug demo page with its workaround demo page to see the difference in CSS
  • Check which browser versions had a given flexbox bug and when it was fixed

Great for

  • Developers maintaining older websites that must support Internet Explorer 10-11 or old Safari versions
  • Students learning flexbox who want to see where its edge cases are
  • Developers debugging a flexbox layout that behaves unexpectedly in an older browser

Not ideal for

  • Developers building new sites for modern browsers, since the README says most listed bugs are fixed there
  • Anyone needing current, maintained guidance, since the repository is archived and was last pushed in January 2024

How to get it

  1. 1

    Read it online

    Clone the repository

    git clone https://github.com/philipwalton/flexbugs
  2. 2

    Run it

    • Open the repository on GitHub and read the numbered list of bugs in the README
    • Open a linked demo page for a bug to see it in a browser
    • Compare it with the matching workaround demo to see the fix
  3. 3

    Get the most out of it

    • Use the bug and workaround demo pairs to test your own layouts in the browsers you need to support
    • Check the linked browser bug trackers to confirm current status before relying on a workaround

Downloads

Source code (.zip)master branch · straight from GitHub

Strengths

  • Each bug has a description, affected browsers, and bug-and-workaround demo pages
  • Entries link to browser bug trackers for further reading
  • Covers 17 specific issues in one place

Trade-offs

  • Archived and no longer maintained, so newer browser behavior is not tracked
  • Many listed issues concern browsers that are now obsolete, so some entries may be out of date
  • Documentation-style list rather than an application or library to install

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.