Skip to content

CSS fix for scrollable doc table in FireFox - #10592

Merged
stacey-gammon merged 2 commits into
elastic:masterfrom
stacey-gammon:fix-search-scroll-ff
Feb 27, 2017
Merged

stacey-gammon merged 2 commits into
elastic:masterfrom
stacey-gammon:fix-search-scroll-ff

Conversation

@stacey-gammon

@stacey-gammon stacey-gammon commented Feb 27, 2017 •

Copy link
Copy Markdown

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.

@kobelb kobelb left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@cjcenizal

Copy link
Copy Markdown
Contributor

This addresses #10305 and #10303 right?

@cjcenizal cjcenizal left a comment

Copy link
Copy Markdown
Contributor

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;
}

Copy link
Copy Markdown
Contributor

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 */
  }

@stacey-gammon
stacey-gammon merged commit a6246e5 into elastic:master Feb 27, 2017
elastic-jasper added a commit that referenced this pull request Feb 27, 2017
Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
stacey-gammon pushed a commit that referenced this pull request Feb 27, 2017
Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
@epixa

epixa commented Feb 28, 2017

Copy link
Copy Markdown
Contributor

@stacey-gammon Can you backport this to 5.3 as well so it can go out in 5.3.1?

@epixa epixa added the v5.3.1 label Feb 28, 2017
elastic-jasper added a commit that referenced this pull request Feb 28, 2017
Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
stacey-gammon pushed a commit that referenced this pull request Feb 28, 2017
Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
@stacey-gammon

Copy link
Copy Markdown
Author

Done @epixa #10619

@stacey-gammon
stacey-gammon deleted the fix-search-scroll-ff branch February 28, 2017 16:13
@epixa

epixa commented Feb 28, 2017

Copy link
Copy Markdown
Contributor

Thank you!

@epixa epixa added v5.3.0 and removed v5.3.1 labels Mar 3, 2017
Bargs added a commit to Bargs/kibana that referenced this pull request Aug 15, 2017
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
Bargs added a commit that referenced this pull request Aug 17, 2017
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
Bargs added a commit to Bargs/kibana that referenced this pull request Aug 17, 2017
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
Bargs added a commit to Bargs/kibana that referenced this pull request Aug 17, 2017
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
Bargs added a commit to Bargs/kibana that referenced this pull request Aug 17, 2017
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
Bargs added a commit that referenced this pull request Aug 17, 2017
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
Bargs added a commit that referenced this pull request Aug 17, 2017
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
Bargs added a commit that referenced this pull request Aug 17, 2017
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
patrykkopycinski pushed a commit to patrykkopycinski/kibana that referenced this pull request May 6, 2026
* CSS fix for scrollable doc table in FireFox

* add comments
patrykkopycinski pushed a commit to patrykkopycinski/kibana that referenced this pull request May 6, 2026
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Saved Search visualisation doesnt show full object

4 participants