Skip to content

fix(material/form-field): safely coerce line-height to em - #23215

Merged
mmalerba merged 1 commit into
angular:masterfrom
jelbourn:form-field-line-height-math
Jul 27, 2021
Merged

fix(material/form-field): safely coerce line-height to em#23215
mmalerba merged 1 commit into
angular:masterfrom
jelbourn:form-field-line-height-math

Conversation

@jelbourn

Copy link
Copy Markdown
Contributor

Our typography mixins for form-field related components coerce line-height to em units in several places. If a user provides a line-height via typography config with a unit specified, this results in an error as the result with be em squared. This fix changes the coercion to only occur if the line-height is unitless.

@jelbourn jelbourn added P2 The issue is important to a large percentage of users, with a workaround target: patch This PR is targeted for the next patch release labels Jul 21, 2021
@google-cla google-cla Bot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Jul 21, 2021
Comment thread src/material/core/typography/_typography-utils.scss Outdated
@jelbourn
jelbourn force-pushed the form-field-line-height-math branch from 62d4085 to 09ae05d Compare July 22, 2021 13:28
Our typography mixins for form-field related components coerce line-height to `em` units in several places. If a user provides a `line-height` via typography config with a unit specified, this results in an error as the result with be em squared. This fix changes the coercion to only occur if the line-height is unitless.
@jelbourn
jelbourn force-pushed the form-field-line-height-math branch from 09ae05d to 7260710 Compare July 22, 2021 13:31

@crisbeto crisbeto left a comment

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.

LGTM

@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Jul 22, 2021
@mmalerba
mmalerba merged commit 278e67b into angular:master Jul 27, 2021
mmalerba pushed a commit that referenced this pull request Jul 27, 2021
Our typography mixins for form-field related components coerce line-height to `em` units in several places. If a user provides a `line-height` via typography config with a unit specified, this results in an error as the result with be em squared. This fix changes the coercion to only occur if the line-height is unitless.

(cherry picked from commit 278e67b)
@angular-automatic-lock-bot

Copy link
Copy Markdown

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot Bot locked and limited conversation to collaborators Aug 27, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement P2 The issue is important to a large percentage of users, with a workaround target: patch This PR is targeted for the next patch release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants