Weird ripple effect
See original GitHub issueBug, feature request, or proposal:
[x] Bug
What is the expected behavior?
Expecting ripple effect on buttons
What is the current behavior?
On click ripple effect makes my button wide and ripple color appears like in image below
#### What are the steps to reproduce?<button md-button md-ripple [md-ripple-color]="rippleColor" (click)="openSideNav($event)" type="button"
*ngIf="navigationUrl!=='/' && navigationUrl!=='/login'">
<md-icon>menu</md-icon>
</button>
Providing a Plunker (or similar) is the best way to get the team to see your issue.
What is the use-case or motivation for changing an existing behavior?
Which versions of Angular, Material, OS, browsers are affected?
Angular material alpha.7, chrome 52.0.2743.116 (64-bit) MacOS Sierra
Is there anything else we should know?
I’m trying to use the ripple effects on buttons am I missing something? I have my imports like this:
imports: [
BrowserModule,
MdCardModule,
MdInputModule,
MdIconModule,
MdListModule,
MdSidenavModule,
MdToolbarModule,
MdButtonModule,
MdTabsModule,
MdRippleModule,
ReactiveFormsModule,
MdMenuModule,
FormsModule,
RouterModule.forRoot([...routes], {})
]
Issue Analytics
- State:
- Created 7 years ago
- Reactions:15
- Comments:36 (9 by maintainers)
Top Results From Across the Web
Ripple effect - Wikipedia
A ripple effect occurs when an initial disturbance to a system propagates outward to disturb an increasingly larger portion of the system, like...
Read more >Ripple Effect: How You Make an Impact Every Day
It's truly that simple. The people that you touch will touch others. There is a ripple effect. And it makes no difference who...
Read more >weird ripple effect in print surface, what causes this? - Reddit
Has anyone ever seen this weird ripple effect? r/FixMyPrint - Squiggly print only appears at the upper right side of the build.
Read more >Weird Ripples in your 3d Print? - How to fix the 'First Layer ...
This was bugging me a lot - I calibrated the printer to the millimetre, but it would spit out prints with a weird...
Read more >Weird ripples on the screen - Samsung Community
Weird ripples on the screen. Topic Options ... Doesn't not effect the display quality at all and when the screen is on you...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I have got the same problem.
Each click of the bottom inserts a
Into my html, and it keeps stacking and never goes away.
+1 I’m experiencing exactly the same thing. And I only have 2 things: toolbar and button The button is inside the toolbar. Not sure if that matters or not. But what definitely matters is that from the beginning, the ripple works as expected inside the button, but if you click on the button, then the ripple area become really big.