Issue with material-select


Topic: Issue with material-select

pro asked 7 years ago

I seem to be having an issue with 3 material-select drop downs i have one after the other.

They function fine, but always the first one - after i make a selection - the selected entry text has a large margin on the left - within the field.

Has anyone run into this before?  I have looked at this from all sides now... i just dont get it.  Would love to hear.

here is a screenshot: https://ibb.co/fOmny6

 

 


Bartłomiej Malanowski staff pro premium commented 7 years ago

Could you please share your code with us?

pro commented 7 years ago

yes, please see here: http://dev.dormi.co.il/test1/Demo.html i have tried to trim it down a bit, so you see just the relevant code. you will see the first item is the one i mean. thereafter there is another drop down which triggers a 3rd one (but you can already see the issue without doing that) Thanks!

Marta Szymanska staff pro premium answered 7 years ago

Hi,

the problem is with the text within <option>. Instead of this:

<option value="538">
  Sink faucet
</option>
<option value="537">
  Blocked toilet
</option>
<option value="566">
  Blocked Shower Drain
</option>
<option value="543">
  Blocked Sink Drain
</option>
<option value="553">
  Shower faucet
</option>
<option value="565">
  Lower water pressure
</option>
<option value="571">
  Other (pls detail in comments)
</option>
<option value="1346">
  Location unknown
</option>

You have to have:

<option value="538">Sink faucet</option>
<option value="537">Blocked toilet</option>
<option value="566">Blocked Shower Drain</option>
<option value="543">Blocked Sink Drain</option>
<option value="553">Shower faucet</option>
<option value="565">Lower water pressure</option>
<option value="571">Other (pls detail in comments)</option>
<option value="1346">Location unknown</option>

And you have to have all your select options in this layout.

Best,

Marta


pro commented 7 years ago

perfect - thank you!!

Marta Szymanska staff pro premium commented 7 years ago

You're welcome.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No