fullWidth not work in RaisedButton when upgrade to 0.15.0

[scarletsky]

Problem description

fullWidth not work in RaisedButton when upgrade to 0.15.0.
In 0.15.0-beta.2, it works.

Steps to reproduce

Just set fullWidth to true in RaisedButton.

<RaisedButton label="add section" fullWidth={true}  />

Versions

• Material-UI: 0.15.0
• React: 15.0.1
• Browser: Chrome 50

[mbrookes]

Since this prop is being used, lets get the fix in to 0.15.1, and we can deprecate in favour of style in 0.16.0.

[s-ol]

can confirm. All it needs is a width: 100% on the div container.

[mbrookes]

@s-ol #4226 (as referenced above).

[scarletsky]

@mbrookes @oliviertassinari
Hello, I just upgrade to 0.15.1, and I have the same issue.
I've check the RaisedButton's source code, it should work as expect.

...
return {
    root: {
      display: 'inline-block',
      transition: transitions.easeOut(),
      minWidth: fullWidth ? '100%' : button.minWidth,
    },
    button: {
      position: 'relative',
      height: buttonHeight,
      lineHeight: `${buttonHeight}px`,
      width: '100%',
      padding: 0,
      borderRadius: borderRadius,
      transition: transitions.easeOut(),
      backgroundColor: backgroundColor,
      // That's the default value for a button but not a link
      textAlign: 'center',
    }
...

But when I check node_modules/material-ui, there is something wrong. Please have a look:

$ pwd
/Users/scarlex/Projects/testlibs/node_modules/material-ui

$ tail package.json
    "react-tap-event-plugin": "^1.0.0"
  },
  "readme": "ERROR: No README data found!",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/callemall/material-ui.git"
  },
  "scripts": {},
  "version": "0.15.1"
}

$ cat RaisedButton/RaisedButton.js
...
return {
    root: {
      display: 'inline-block',
      transition: _transitions2.default.easeOut()
    },
    button: {
      position: 'relative',
      minWidth: fullWidth ? '100%' : button.minWidth,
      height: buttonHeight,
      lineHeight: buttonHeight + 'px',
      width: '100%',
      padding: 0,
      borderRadius: borderRadius,
      transition: _transitions2.default.easeOut(),
      backgroundColor: backgroundColor,
      // That's the default value for a button but not a link
      textAlign: 'center'
    },
...

I have no idea why root.minWidth miss.

[oliviertassinari]

@scarletsky some commits are missing from the v0.15.1 release. We are going to address it with a v0.15.2 one. That should be done soon. You can track #4572 to keep you up to date.

[scarletsky]

@oliviertassinari 😃 Oh, I see, thanks for your reply !