Topic: Select - MDB PRO 4.19.2
Expected behavior
Credit card expiry date autocomplete by chrome when card information is found by chrome using select option for month and year
Actual behavior
Everything but the select options are being populated, if the class="mdb-select" is removed, the autocomplete works
Resources (screenshots, code snippets etc.)
<div class="md-form">
<select class="mdb-select" name="cc-exp-month" id="cc-exp-month" required>
<option value="" disabled selected>Select expiry month</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<label class="mdb-main-label">Expiry month</label>
<div class="invalid-feedback" id="cc-exp-month_validation">
Invalid expiry month
</div>
</div>
Marcin Luczak staff answered 3 years ago
Hi,
You are using mdb-select
and 'md-form' classes, which are reserved classes for the Pro Material Select component and they won't work without the MDB Pro package.
Please use default select from this example or consider purchasing MDB Pro package.
Keep coding, Marcin
tphunte commented 3 years ago
I have the pro package When a credit card previously used is typed in the credit card number fields the other fields are being populated with the exception of fields that used the mdb-select
See screen capture below https://youtu.be/NFSPidhfEbQ
Marcin Luczak staff commented 3 years ago
This is because the Material Select, for dynamic use is based on the input element with the corresponding list and its items instead of default select-options elements relation, thus autofill will not work on it.
Keep coding, Marcin
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- User: Free
- Premium support: No
- Technology: Other
- MDB Version: -
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No