-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
CSS fix for scrollable doc table in FireFox #10592
CSS fix for scrollable doc table in FireFox #10592
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One request for some comments in the styles, and then LGTM!
.doc-table-container { | ||
flex: 1 1 0; | ||
overflow: auto; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would you mind adding these comments?
/**
* 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
*/
doc-table {
overflow: auto;
flex: 1 1 100%;
flex-direction: column; /* 1 */
/**
* 1. Allow user to scroll table when its constrained by a fixed container height.
*/
.doc-table-container {
flex: 1 1 0; /* 1 */
overflow: auto; /* 1 */
}
Backports PR #10592 **Commit 1:** CSS fix for scrollable doc table in FireFox * Original sha: 9551029 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T16:01:23Z **Commit 2:** add comments * Original sha: e162049 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T18:40:20Z
Backports PR #10592 **Commit 1:** CSS fix for scrollable doc table in FireFox * Original sha: 9551029 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T16:01:23Z **Commit 2:** add comments * Original sha: e162049 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T18:40:20Z
@stacey-gammon Can you backport this to 5.3 as well so it can go out in 5.3.1? |
Backports PR #10592 **Commit 1:** CSS fix for scrollable doc table in FireFox * Original sha: 9551029 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T16:01:23Z **Commit 2:** add comments * Original sha: e162049 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T18:40:20Z
Backports PR #10592 **Commit 1:** CSS fix for scrollable doc table in FireFox * Original sha: 9551029 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T16:01:23Z **Commit 2:** add comments * Original sha: e162049 * Authored by Stacey Gammon <[email protected]> on 2017-02-27T18:40:20Z
Thank you! |
Some CSS changes were made in elastic#10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes elastic#12416
Some CSS changes were made in #10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes #12416
Some CSS changes were made in elastic#10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes elastic#12416
Some CSS changes were made in elastic#10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes elastic#12416
Some CSS changes were made in elastic#10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes elastic#12416
Some CSS changes were made in #10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes #12416
Some CSS changes were made in #10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes #12416
Some CSS changes were made in #10592 which caused the fixed-scroll directive to stop working in Discover. Specifically the overflow rule which was added forced the width and scrollWidth of the doc-container to be the same, so the fixed-scroll directive would never add the scroll bar to the page. This PR simply reverts the changes made in the above linked PR. I retested the original issues in the latest version of Firefox and was unable to reproduce. It seems that the original issues may have been fixed in Firefox itself. Fixes #12416
Doc tables were not scrollable in ff, this should fix the issue. I followed the css that visualize was using to make data tables scrollable.
Fixes #10305 and #10303.