-
Notifications
You must be signed in to change notification settings - Fork 6.8k
chore: use computed radius size for checkbox ripple during 2018 material spec update transition #13038
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
Conversation
Isn't the ripple just supposed to be ~40px. I've addressed it in #12493. |
74d963d
to
be4c912
Compare
src/lib/checkbox/checkbox.ts
Outdated
setTimeout(() => { | ||
if (!calculatedRippleRadius) { | ||
const rippleWidth = parseInt(getComputedStyle( | ||
this._elementRef.nativeElement.querySelector('.mat-checkbox-ripple')).width!, 10) || 0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We could probably also use clientWidth
instead, but either way works.
be4c912
to
2ac6e14
Compare
This comment has been minimized.
This comment has been minimized.
@@ -210,6 +215,10 @@ export class MatCheckbox extends _MatCheckboxMixinBase implements ControlValueAc | |||
.subscribe(focusOrigin => this._onInputFocusChange(focusOrigin)); | |||
} | |||
|
|||
ngAfterViewChecked() { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is actually one lint error because AfterViewChecked
interface isn't applied. Feel free to add merge ready when done.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
…ial spec update transition
2ac6e14
to
e58e468
Compare
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
No description provided.