Ripple style bug on button components

[mmrtnz]

This was brought up by @totopia. I am creating this issue so that I don't forget about it. Here was the post:

just trying to set up material-ui now, seeing a lot of errors with basic buttons
Screenshot
is that due to autoprefixer in build pipeline?

If anyone else is experience this issue, please what browser you are using. I believe this is specific to mobile. However I am not entirely sure.

@totopia, can you repost your screenshot here like you did in gitter? I only seem to be able to link to it.

[totopia]

@mmrtnz https://www.dropbox.com/s/xc5xibgwpvva2cn/Screen%20Shot%202015-03-23%20at%205.27.49%20PM.png?dl=0

I resolved this by doing gulp-autoprefixer correctly with gulp-compass (a build pipeline issue)
The impacted browser is Safari on both Desktop and iOS but this bug is not related to material-ui codebase so you can close the issue.

[seubert]

I have seen this on iOS in Chrome and Safari. I have not found a fix.

[troutowicz]

I am experiencing this in mobile browsers and OSX Safari. I use webpack and it's less loader.

[FirstZero]

I would already be happy if I would get some ripple effects..
Im on firefox Linux.

[bparadie]

@totopia Thanks for pointing out your autoprefixer workaround! I use grunt and was able to fix this problem using grunt-autoprefixer. There is one remaining bug: No cursor in empty TextField w/t Floating Label Text in Safari 8.0.3, see #503

[troutowicz]

autoprefixer fixed this this for me as well, thanks @totopia

[payner35]

found that there is an issue with the gulp-sourcemaps... this works for me.

gulp.task('less', function() {
  return gulp.src(path.LESS)
      //.pipe(sourcemaps.init())
      .pipe(less({
        plugins: [autoprefix, cleancss]
      }))
      //.pipe(sourcemaps.write())
      .pipe(gulp.dest(path.COMPILED_CSS));
});

[hai-cea]

This has been fixed since we're doing styles in line now.