[FlatButton] containerElement broken in Chrome for userAgent: 'all'

[prashaantt]

My code looks like

<FlatButton label="About" buttonLink={ true } containerElement={ <Link to='/about' /> } />

where Link is a react-router Link element, but using HTML <a/> tags has the same visual effect:

While trying to predictably theme my MUI in a universal app according to #3009, I need to set the userAgent to 'all' for best results. This is breaking the styling of this FlatButton for me in Chrome (works well in Safari and FF):

export default themeDecorator(ThemeManager.getMuiTheme(myTheme, { userAgent: 'all' }))(App);

The output with this setting is:

Chrome somehow doesn't like userAgent: 'all'.

EDIT: Linked to the right pull request.

[prashaantt]

Oh, in case it matters what myTheme is, it's just an attempt to override the default font:

const myTheme = {
    fontFamily: 'Helvetica'
};

Is there something else I need to do to make this override proper? This works perfectly in a client-side environment, but I see the above issue with the button when doing SSR, because I can't determine at server startup (before any request comes in) what the userAgent will be and so have to set it to all.

[antoinerousseau]

I have the same issue since I upgraded from 0.14.3 to 0.14.4... client side

[andeero]

Same here. Broken in 0.14.2 and 0.14.4, but working in 0.14.3. Client-side.

[antoinerousseau]

I notices that when passing a link (<a>), it gets a -webkit-appearance:button style, and if I manually remove it, the problem is resolved...
What is adding this rule?