Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v63.0 flexbox issue overflow hidden #2292

Closed
LukasKlement opened this issue Oct 30, 2024 · 1 comment · Fixed by #2300
Closed

v63.0 flexbox issue overflow hidden #2292

LukasKlement opened this issue Oct 30, 2024 · 1 comment · Fixed by #2300
Labels
bug Existing features not working as expected

Comments

@LukasKlement
Copy link

With v63.0 the following code breaks:

<html>
<head>
<style>
    .wrapper {
      display: flex;
    }
    .cell {
      flex: 1;
      border: 1px solid black;
      padding: 10px;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <div class="wrapper">
    <div class="cell">one</div>
    <div class="cell">two</div>
    <div class="cell">three</div>
    <div class="cell">four</div>
    <div class="cell">five</div>
    <div class="cell">six</div>
    <div class="cell">seven</div>
    <div class="cell">eight</div>
    <div class="cell">nine</div>
  </div>
</body>
</html>

When overflow: hidden is added to .cell, all cells appear on top of each other instead of next to each other.

@grewn0uille grewn0uille added the bug Existing features not working as expected label Nov 6, 2024
@grewn0uille
Copy link
Member

Thanks for your useful sample (and on other issues too!)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Existing features not working as expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants