Skip to content

DetailsList: scrollbars show up unnecessarily on IE11#4291

Merged
aditima merged 6 commits intomicrosoft:masterfrom
aditima:aditima/ie11-detailslist-scroll
Mar 16, 2018
Merged

DetailsList: scrollbars show up unnecessarily on IE11#4291
aditima merged 6 commits intomicrosoft:masterfrom
aditima:aditima/ie11-detailslist-scroll

Conversation

@aditima
Copy link
Copy Markdown
Contributor

@aditima aditima commented Mar 15, 2018

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • [X ] Include a change request file using $ npm run change

Description of changes

Fixed css to remove vertical-align style

Focus areas to test

  • verified scrollbars on the DetailsList appears as expected on both IE11 and Chrome

@aditima aditima requested a review from dzearing March 15, 2018 23:46

.focusZone {
display: inline-block;
vertical-align: top;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

this could have potential side effects on some browsers. I think it could be ok, @ThomasMichon any concerns?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Spoke to David on phone. This is certainly a browser bug, the heights of the content and the container are exactly same, but IE doesn't line them up correctly unless I get rid of this vertical align. I actually feel a little less bad about this because it's only changing the DetailsList styles. Tested on Chrome and works for the basic cases and the demo page.

I'll go ahead and merge this.

@aditima aditima merged commit 9e7719f into microsoft:master Mar 16, 2018
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
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.

2 participants