MATERIAL SELECT PREMIUM COMPONENT not working Properly on IO

Topic: MATERIAL SELECT PREMIUM COMPONENT not working Properly on IOS

dblue pro asked 6 years ago

MATERIAL SELECT PREMIUM COMPONENT is not working properly on IOS http://mdbootstrap.com/components/forms/#material-select There is a ugly blinking Cursor showing from the Background of the Dropdown.

http://laesserundpartner.ch/files/cache/select.png

Can you cancel my order (Order #10210) and return my payment? Best regards Daniel

Add comment

Dawid Adach pro answered 6 years ago

0 0 Best answer

@dblue, are you using real device or some kind of emulator? I just checked with 2 another iPad and it works fine. Could you please let me know which hardware do you use, which version of the operating system and browser?

Add comment

dblue pro answered 6 years ago

0 0 Best answer

Sorry, did not help: Screenshot of Modified HTML

Same Cursor blinking, by selecting an other option, the Cursor also moves horizontal.

Add comment

Dawid Adach pro answered 6 years ago

0 0 Best answer

@dblue, Use following solution. Tested on iPad Air 2 with iOS 9.3.3 on Chrome and Safari:

.custom-label {
    font-size: 15px!important;
    margin-top: 30px!important;
}

<select class="mdb-select">
    <option value="" disabled selected></option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>
<label class="custom-label">Choose your option</label>

Add comment

Michal Szymanski staff answered 6 years ago