Topic: Datepicker - Label "active" class doesn't work in Firefox / IE11
pixeldiele
pro
asked 6 years ago
Hi,
Firefox (latest) + IE 11 and below: After selecting a date with the datepicker, the label doesn't get the class "active" and doesn't translateY (-140%). In Chrome and Edge the <label class="active"> works fine
This is it how it looks on Firefox (latest) & IE11 and below:
The "active"-class within the <label> element is missing in FF/IE:


<label for="Label_Datepicker" class="" title="">Label Datepicker</label>
Any ideas how to fix it?
Best regards,
Björn
Add comment
pixeldiele
pro
answered 6 years ago
Hi Rafal,
thanks for the hint! I've figured out, the input type type="date" doesn't work in FF/IE. It only works with type="text".
Seems, it's a browser compability problem for the moment: Browser compatibility
Hopefully we can get Powermail putting out "text" instead of "date".
Best regards
Björn
Rafał Rogulski
free
answered 6 years ago
Hi,
I check your demo, and probably, find the reason. I don't now why but on your demo page data picker have it structure before initiation.
Your time picker code should look like:
<div class="md-form">
<i class="fa fa-calendar-o prefix"></i>
<input type="text" id="powermail_field_gesehenam" class="form-control datepicker">
<label for="powermail_field_gesehenam">
Gesehen am
</label>
</div>
Regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No