Fixed problem with non-integer line height #66
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
aamir1995
added a commit
to aamir1995/clamp.ts
that referenced
this pull request
Jan 31, 2022
partially copied from: josephschmitt/Clamp.js#66
aamir1995
added a commit
to aamir1995/clamp.ts
that referenced
this pull request
Jan 31, 2022
…#3) * fix": rename interface. * fix: https://github.com/josephschmitt/Clamp.js/pull/18/files * fix: don't append 'px' to opt.clamp. it already has it. copied from josephschmitt/Clamp.js#20 * fix initial height check. copied from: josephschmitt/Clamp.js#44 * fix: minor type * fix: return if `target` is not defined in `truncate` * fix: pass jshint copied from: josephschmitt/Clamp.js#54 * fix: problem with non-integer line height. partially copied from: josephschmitt/Clamp.js#66 * update readme
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This library couldn't handle non-integer line heights.
E.g. if you want to clamp a text at two lines and the line height is 22.5px the code would
parseIntthat to 22. Multiplied by two that's a max height of 44px. However, the browser displays two lines with height 45px. 45 > 44, so another line would be clamped so that only one line is left.Solution: Replaced some
parseIntcalls withparseFloat.Another problem: Say you have a line height of 20.89px and you want to clamp at two lines again. Now multiplied by two that makes a max height of 41.78px. However, the browser reports the two lines of text as height 42px. Since 42 > 41.78 another line would be clamped again so that only one line is left.
Solution:
Math.ceilthe max height.