Viewport content does not stretch if it overflows the viewport boundaries horizontally #77
Assignees
Labels
Comments
danielwiehl
added a commit
that referenced
this issue
Jan 16, 2019
If some content horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and child flex items do not stretch. For that reason, the display of the viewport is changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item would not have the desired effect. Closes #77 BREAKING CHANGE: CSS display property of <sci-viewport> flex container has changed from `flex` (column nowrap) to `grid` (one column). To migrate: - if having a single content child which stretches vertically by using `flex: auto`, remove that property - if having multiple content children with `flex: none`, wrap them inside a separate flex-container
danielwiehl
added a commit
that referenced
this issue
Jan 18, 2019
If some content horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and child flex items do not stretch. For that reason, the display of the viewport is changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item would not have the desired effect. fixes #77 BREAKING CHANGE: CSS display property of <sci-viewport> flex container has changed from `flex` (column nowrap) to `grid` (one column). To migrate: - if having a single content child which stretches vertically by using `flex: auto`, remove that property - if having multiple content children with `flex: none`, wrap them inside a separate flex-container
danielwiehl
added a commit
that referenced
this issue
Jan 21, 2019
If some content horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and child flex items do not stretch. For that reason, the display of the viewport is changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item would not have the desired effect. fixes #77 BREAKING CHANGE: CSS display property of <sci-viewport> flex container has changed from `flex` (column nowrap) to `grid` (one column). To migrate: - if having a single content child which stretches vertically by using `flex: auto`, remove that property - if having multiple content children with `flex: none`, wrap them inside a separate flex-container
danielwiehl
added a commit
that referenced
this issue
Jan 28, 2019
If some content horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and child flex items do not stretch. For that reason, the display of the viewport is changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item would not have the desired effect. fixes #77 BREAKING CHANGE: CSS display property of <sci-viewport> flex container has changed from `flex` (column nowrap) to `grid` (one column). To migrate: - if having a single content child which stretches vertically by using `flex: auto`, remove that property - if having multiple content children with `flex: none`, wrap them inside a separate flex-container
danielwiehl
added a commit
that referenced
this issue
Jan 29, 2019
If some content horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and child flex items do not stretch. For that reason, the display of the viewport is changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item would not have the desired effect. fixes #77 BREAKING CHANGE: CSS display property of <sci-viewport> flex container has changed from `flex` (column nowrap) to `grid` (one column). To migrate: - if having a single content child which stretches vertically by using `flex: auto`, remove that property - if having multiple content children with `flex: none`, wrap them inside a separate flex-container
3 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If some content inside a
<sci-viewport>horizontally overflows the viewport boundaries, the viewport correctly shows a horizontal scrollbar. However, when scrolling to the right, background color does not extend to the right and flex items do not stretch.For that reason, the display of the viewport should be changed from 'flex' to 'grid'. By default, this creates a single column layout which by default stretches its content as expected. If using a flex layout, stretching the flex item has not the desired effect.
The text was updated successfully, but these errors were encountered: