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

Nowrap not working no IE10 & IE9 #94

Open
crtlf opened this issue Nov 9, 2017 · 3 comments
Open

Nowrap not working no IE10 & IE9 #94

crtlf opened this issue Nov 9, 2017 · 3 comments

Comments

@crtlf
Copy link

crtlf commented Nov 9, 2017

First of all, thank you for Flexibility, awesome work !

I have an issue with nowrap. Here's how it works in Chrome or others modern browsers.

My list of items :
capture d ecran 2017-11-09 a 10 27 13

But if the items are wider than the container itself, they stretch to the container width.
capture d ecran 2017-11-09 a 10 26 52

But on IE10 & IE9, it goes out of the container.
capture d ecran 2017-11-09 a 10 32 10

Here's my CSS

ul {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 20px 0;
}

ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

And it's worse if I give a width: 100% to my ul
capture d ecran 2017-11-09 a 10 31 35

Am I missing something ?

@Mohamed-Talaat333
Copy link

yes i have this problem too ..

@9oo9le
Copy link

9oo9le commented Apr 10, 2019

me too

@JosXa
Copy link

JosXa commented May 25, 2020

Same here

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

No branches or pull requests

4 participants