Skip to content
This repository has been archived by the owner on Jan 19, 2024. It is now read-only.

Track bugs #136

Open
asvny opened this issue Mar 18, 2016 · 4 comments
Open

Track bugs #136

asvny opened this issue Mar 18, 2016 · 4 comments

Comments

@asvny
Copy link

asvny commented Mar 18, 2016

I think some flex bugs is not tracked ..,like

Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=1042151

Chrome,Firefox
https://bug962501.bmoattachments.org/attachment.cgi?id=8363556

@philipwalton
Copy link
Owner

Are these related to bugs in the README or are these new? If they're new, are there workarounds? Please elaborate.

Also, FYI, this repo is not just a listing of all flexbox bugs in the world, just the common ones with known workarounds.

@asvny
Copy link
Author

asvny commented Mar 22, 2016

@philipwalton

Firefox
BUG 1 : When flex direction is column-reverse and has overflow:auto ..... it doesn't show scrollbar

Bug : https://jsfiddle.net/290kft0s/1/
Workaround : https://jsfiddle.net/290kft0s/2/

Firefox,Chrome,Safari
BUG 2 :When flex direction is column and it has justify-content: flex-end .... it doesn't show scrollbar

Bug: https://jsfiddle.net/1sq1od49/
Workaround:https://jsfiddle.net/1sq1od49/1/

In both workaround ... the container should have scrolled to the end and that can handled by javascript

@giovannibenussi
Copy link

giovannibenussi commented Mar 16, 2019

I'm not sure if the bug I was having is exactly the ones mentioned here, but my case was the following:

  • flex-direction is column
  • justify-content is flex-end
  • height is defined

This was my code:

.container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;

}

Changing height to min-height solved the problem for me.

@catalinberta
Copy link

@giovannibenussi Or flex-shrink: 0 might help

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants