Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Fix short Firefox cell height for dropdown cells#665

Merged
wbrgss merged 7 commits intodevfrom
663-ff-cell-height
Jan 14, 2020
Merged

Fix short Firefox cell height for dropdown cells#665
wbrgss merged 7 commits intodevfrom
663-ff-cell-height

Conversation

@wbrgss
Copy link
Copy Markdown
Contributor

@wbrgss wbrgss commented Dec 12, 2019

Fixes #663 (issue described in detail there; TLDR Firefox table cell height is off)

Solution from https://stackoverflow.com/questions/3215553/make-a-div-fill-an-entire-table-cell#comment40719119_7600749

I don't think this has any side effects with Chrome; i.e. it only helps parity between Chrome and FF rendering.

@chriddyp chriddyp temporarily deployed to dash-table-review-pr-665 December 12, 2019 23:57 Inactive
@wbrgss
Copy link
Copy Markdown
Contributor Author

wbrgss commented Dec 12, 2019

Before
tab

After
fixed-table-height

@wbrgss wbrgss changed the title height: 100% on td Fix short Firefox cell height for dropdown cells Dec 13, 2019
@wbrgss
Copy link
Copy Markdown
Contributor Author

wbrgss commented Dec 13, 2019

Looking at Percy, this seems to fix what I wanted on Firefox (and there are 11 more Firefox changes in the diff), but it also seems to shorten rows without dropdowns (?), including in Chrome.

@wbrgss wbrgss temporarily deployed to dash-table-review-pr-665 December 13, 2019 18:15 Inactive
@wbrgss wbrgss temporarily deployed to dash-table-review-pr-665 December 13, 2019 22:05 Inactive
@wbrgss
Copy link
Copy Markdown
Contributor Author

wbrgss commented Dec 13, 2019

OK, I changed the style rules and got it down to 11 Firefox diffs and 0 Chrome diffs, which is what I want. Please review when you have a chance @Marc-Andre-Rivet

@Marc-Andre-Rivet
Copy link
Copy Markdown
Contributor

@wbrgss Updated the branch and added a changelog file

Copy link
Copy Markdown
Contributor

@Marc-Andre-Rivet Marc-Andre-Rivet left a comment

Choose a reason for hiding this comment

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

💃

Copy link
Copy Markdown
Contributor

@Marc-Andre-Rivet Marc-Andre-Rivet left a comment

Choose a reason for hiding this comment

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

💃

@wbrgss wbrgss merged commit c6128c9 into dev Jan 14, 2020
@wbrgss wbrgss deleted the 663-ff-cell-height branch January 14, 2020 16:14
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Firefox doesn't allow as much height for cells, leading to overflow

3 participants