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 into
devfrom
663-ff-cell-height
Jan 14, 2020
Merged

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

Conversation

@wbrgss

@wbrgss wbrgss commented Dec 12, 2019

Copy link
Copy Markdown
Contributor

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

wbrgss commented Dec 12, 2019

Copy link
Copy Markdown
Contributor Author

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

wbrgss commented Dec 13, 2019

Copy link
Copy Markdown
Contributor Author

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

wbrgss commented Dec 13, 2019

Copy link
Copy Markdown
Contributor Author

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

@Marc-Andre-Rivet Marc-Andre-Rivet 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.

💃

@Marc-Andre-Rivet Marc-Andre-Rivet 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.

💃

@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