[QUESTION] floatingLabelFixed prop (or style) available? about material-ui-superselectfield HOT 7 CLOSED

Ok just made a release which should be available in next 30mins.

If you specify BOTH floatingLabel and hintText, then the floatingLabel will remain fixed no matter what.

from material-ui-superselectfield.

Indeed i found out Travis failed to build ...

so the v1.9.4 has the updated src, but the old built lib .... sigh

from material-ui-superselectfield.

ok, try v1.9.5

from material-ui-superselectfield.

Hello,

Thanks for your interest in my component.

I'm slightly confused in what you want exactly :

• floatingLabelFixed just prevents the label shrinking animation depending if value is null or not. It has nothing to do with label styling.
• you wrote being concerned with styling, look being different from official M-UI v0.x version

Can you be more explicit please ?

PS: there is a floatingLabelStyle prop in readme

from material-ui-superselectfield.

Hi,

Thanks for responding.

So with current select field I have the prop floatingLabelFixed={true} which, as you know, keeps the floating label positioned above the input regardless of whether or not value is null.

With this prop set I then have hint text in the component which is how all my selects and text fields are setup.

I just want to replicate this with your component.
In the example picture, the top one is a normal select, bottom is your component:

So is it possible to have "Work Item Tool" always positioning like the following?

On the styling; I have to manually add a margin of 20px to the top of the element to have a similar height to normal M-UI v0.x select - the M-UI v0.x select has same height regardless of floating label present or not. I am assuming when I have a fixed floating label it will all look OK though.

from material-ui-superselectfield.

Hi,

Appreciate the fast turnaround.

Stupid question - how do I get this latest change? When I npm i material-ui-superselectfield I get the latest released version [email protected] but when I use it as follows:

      import SuperSelectField from 'material-ui-superselectfield';
      ...
      renderSelect = list => {
        return _.map(list, (tool,i) => {
          return <div key={i} value={tool[globals._FIELD]}>{tool['human']}</div>
        })
      }
      ...
        <SuperSelectField
            name='tool'
            floatingLabel='Work Item Tool(s)'
            hintText='Select a tool'
            value={tool}
            onChange={handleChange}
            style={{width: 256, marginTop: 20}}
          >
          {
              :: this.renderSelect(newDataSource)
          }
          </SuperSelectField>

resulting in the following:

so I'm not seeing the change that you implemented I think...
sorry!

from material-ui-superselectfield.

Thanks!

from material-ui-superselectfield.