Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix List wrapping bug #1806

Merged
merged 6 commits into from
Apr 8, 2020
Merged

Fix List wrapping bug #1806

merged 6 commits into from
Apr 8, 2020

Conversation

danielamorse
Copy link
Collaborator

@danielamorse danielamorse commented Apr 2, 2020

Jira

http://vjira2:8080/browse/BDS-2087

Summary

Fixes Safari sub-pixel rendering bug.

Details

Setting a width on List was required to fix a FF-only bug, but it turns out it causes a different bug in Safari. To fix Safari, simply scope the width rule to FF-only.

Supercedes #1805.

How to test

Review the following pages in Chrome, Safari, FF, and Edge. Verify they work as expected:

&.c-bolt-list--display-flex {
width: calc(100% + #{bolt-spacing($spacing-value-name)}); // Width must be defined in order for the list to dislay correctly in Firefox.
}
@-moz-document url-prefix('') {
Copy link
Contributor

Choose a reason for hiding this comment

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

Wait, what? Link to docs and/or comment about this please.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Agree. Let's throw a comment in there. I've been using that, it's quite handy.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@sghoweri added a comment, see commit.

Copy link
Contributor

Choose a reason for hiding this comment

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

👍

Copy link
Contributor

@sghoweri sghoweri left a comment

Choose a reason for hiding this comment

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

I'm not a fan of browser-specific workarounds but this is fine to get this fix out the door 👍

@sghoweri sghoweri added the minor label Apr 8, 2020
@sghoweri sghoweri added this to the v2.21.0 milestone Apr 8, 2020
@sghoweri sghoweri added hotfix and removed minor labels Apr 8, 2020
@sghoweri sghoweri merged commit d43ebd9 into master Apr 8, 2020
@sghoweri sghoweri deleted the fix/list-wrapping-bug branch April 8, 2020 13:40
@sghoweri
Copy link
Contributor

sghoweri commented Apr 8, 2020

PR was released with v2.21.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants