Angular material slider not sliding

Found the answer here. Basically I imported MaterialModule after BrowserAnimationsModule

I know i am late but if anyone stumble upon this issue with the latest version of material(8.2.1), you need to install hammerjs and import it in your main.ts file using below commands

Install

npm install hammerjs

import on main.ts file

import 'hammerjs';

For those who are using lazy loading, first import this:

import { BrowserModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import { GestureConfig } from '@angular/material';

And then, put this in the root app module:

  providers: [
    {provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}
  ]

Check this issue for more info