fix(Form): Disable Form.Select open dropdown in onfocus event

[jmanuel1609]

Steps to Reproduce

1. disable Form.Select component
2. go to Name field.
3. Press tab to go to Gender field
4. the component is disabled but still open the dropdown

Expected
The Form should do this

Result
The Form does not do this

Testcase
If the docs show the issue, use: http://react.semantic-ui.com/collections/form
Otherwise, fork this to get started: http://codepen.io/levithomason/pen/ZpBaJX

[levithomason]

This is is an issue with the Form.Field, same as the previous issue with the required prop. It should pass thedisabled prop along to the component but it is instead disabling the form field and consuming the disabled prop.

We need to pass the disabled prop along. Fixed The catch here is that a disabled component has different styling. They are made partially transparent (opacity: 0.45 by default). If both the field and the control are disabled then there is double the opacity applied, once on the field, and again on the control. We'll need to ensure only one component has the disabled style, preferably the field.

[jmanuel1609]

thanks for your response. What about readonly property? is only working in Form.Input

[levithomason]

A Field cannot be readOnly so it does not consume the prop and is therefore always passed to the control.

[levithomason]

PR coming.