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(material/form-field): make notch sizing more reliable #26028

Merged
merged 19 commits into from
May 12, 2023

Conversation

mmalerba
Copy link
Contributor

@mmalerba mmalerba commented Nov 18, 2022

Swap out the current logic for determining when to resize the outline
gap, for logic based on ResizeObserver. The current logic tries to guess
when the size may need to change based on observing the content,
checking after fonts load, etc. But using ResizeObserver should catch
more cases.

Also brings the gap calculation logic outside the NgZone to avoid
running unnecessary change detections.

Fixes #15027
Fixes #14336

@mmalerba mmalerba force-pushed the ff-label branch 2 times, most recently from 8bd90f4 to 44c4f85 Compare November 19, 2022 17:53
@mmalerba mmalerba added dev-app preview When applied, previews of the dev-app are deployed to Firebase target: patch This PR is targeted for the next patch release labels Nov 19, 2022
@mmalerba mmalerba marked this pull request as ready for review November 19, 2022 17:57
@mmalerba mmalerba requested a review from devversion as a code owner November 19, 2022 17:57
@mmalerba mmalerba added dev-app preview When applied, previews of the dev-app are deployed to Firebase and removed dev-app preview When applied, previews of the dev-app are deployed to Firebase labels Nov 19, 2022
@github-actions
Copy link

github-actions bot commented Nov 19, 2022

Deployed dev-app to: https://ng-dev-previews-comp--pr-angular-components-26028-e02f-qfra092t.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

Copy link
Member

@devversion devversion left a comment

Choose a reason for hiding this comment

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

Nice work!! much more future-proof. Nit: can the commit message explain what it is fixing?

Swap out the current logic for determining when to resize the outline
gap, for logic based on ResizeObserver. The current logic tries to guess
when the size may need to change based on observing the content,
checking after fonts load, etc. But using ResizeObserver should catch
more cases.

Also brings the gap calculation logic outside the NgZone to avoid
running unnecessary change detections.
@mmalerba
Copy link
Contributor Author

This is ready for another look

@mmalerba
Copy link
Contributor Author

ready for review again

Copy link
Member

@crisbeto crisbeto left a comment

Choose a reason for hiding this comment

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

LGTM

@mmalerba mmalerba added the action: merge The PR is ready for merge by the caretaker label Nov 23, 2022
@angular-robot angular-robot bot added the area: build & ci Related the build and CI infrastructure of the project label Jan 7, 2023
@josephperrott josephperrott removed their request for review April 10, 2023 14:54
@mmalerba mmalerba added target: minor This PR is targeted for the next minor release and removed target: patch This PR is targeted for the next patch release labels May 12, 2023
@angular-robot angular-robot bot merged commit cda36e9 into angular:main May 12, 2023
@angular-automatic-lock-bot
Copy link

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 Jun 12, 2023
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 area: build & ci Related the build and CI infrastructure of the project dev-app preview When applied, previews of the dev-app are deployed to Firebase target: minor This PR is targeted for the next minor release
Projects
None yet
3 participants