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: lower breakpoint max value precision to avoid rounding #11313 #11315

Merged

Conversation

ncoden
Copy link
Contributor

@ncoden ncoden commented May 31, 2018

Description

As seen in #10978, we need a subpixel precision to handle zoomed browsers. But browsers handle sub-pixel mediaqueries badly and a too high precision causes the issue described above. So we have to find the proper balance for a maximum support.

Changes:

  • set breakpoint max values to 0.00125em (0.02px) under the next breakpoint instead of 0.00001.
  • add some comments about the bug.

Closes #11313

Types of changes

  • Documentation
  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing
    functionality to change)

Checklist (all required):

  • I have read and follow the CONTRIBUTING document.
  • There are no other pull request similar to this one.
  • The pull request title is descriptive.
  • The template is fully and correctly filled.
  • The pull request targets the right branch (develop or support/*).
  • My commits are correctly titled and contain all relevant information.
  • My code follows the code style of this project.
  • I have updated the documentation accordingly to my changes (if relevant).
  • I have added tests to cover my changes (if relevant).
  • All new and existing tests passed.

…n#11313

As seen in foundation#10978, we need a subpixel precision to handle zoomed browsers. But browsers handle sub-pixel mediaqueries badly and a too high precision causes the issue described above. So we have to find the proper balance for a maximum support.

Changes:
* set breakpoint max values to `0.00125em` (`0.02px`)  under the next breakpoint instead of `0.00001`.

Closes foundation#11313
@@ -105,7 +105,7 @@ $global-text-direction: ltr !default;

/// Enables flexbox for components that support it.
/// @type Boolean
$global-flexbox: true !default;
$global-flexbox: false !default;
Copy link
Contributor

Choose a reason for hiding this comment

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

Why this change?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

For testing on IE. I forgot it.

@ncoden
Copy link
Contributor Author

ncoden commented May 31, 2018

Thank you for the review @DanielRuf

@ncoden ncoden merged commit 4a32c42 into foundation:develop Jun 1, 2018
ncoden added a commit to ncoden/foundation-sites that referenced this pull request Jun 16, 2018
…h-precision-11313 for v6.5.0

798377d fix: lower breakpoint max value precision to avoid rounding foundation#11313
a36504c fix: revert mistakenly changed `$global-flexbox` setting in foundation#11315

Signed-off-by: Nicolas Coden <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

down or only breakpoint still applies on upper breakpoint
2 participants