Skip to content
This repository has been archived by the owner on Jun 4, 2024. It is now read-only.

Fix short Firefox cell height for dropdown cells #665

Merged
merged 7 commits into from
Jan 14, 2020
Merged

Conversation

wbrgss
Copy link
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
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
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
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
Contributor

@wbrgss Updated the branch and added a changelog file

Copy link
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
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