Topic: Issue with material-select
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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
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!