-
-
Notifications
You must be signed in to change notification settings - Fork 36
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
Using both an offset and column size causes unexpected width. #75
Comments
@kybishop it depends on the |
From my investigations:This is a bug in Chrome/Safari related to The bug boils down to inconsistencies between how percentage-based Width calculations on Chrome and Safari when
Firefox [correctly] ignores margins in both cases Solutions
|
@runspired could you elaborate on the solution you had in mind or should we just wait for browsers to fix themselves to support this? |
Here is an example of the row-wrapping bug: http://codepen.io/kybishop/pen/NdBMpE Change max-width to width on the Thankfully the browser fixes are slowly being rolled out. Chrome v56 contains a bugfix, and has already been in the wild for about a month. Safari, sadly, has yet to respond to their bug report https://bugs.webkit.org/show_bug.cgi?id=166061 |
Applying an offset class to a box with any given column size causes the box's width to shrink. I can't seem to find any documentation on this CSS behavior, but it appears consistent over both Chrome and Safari.
Switching to
width
overmax-width
fixes this issue, though I'm guessing there might be a particular reasonmax-width
is being used?The text was updated successfully, but these errors were encountered: