Datepicker - Label active class doesn't work in Firefox

Topic: Datepicker - Label "active" class doesn't work in Firefox / IE11

pixeldiele pro asked 8 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 Datepicker Label - empty field

This is it how it looks on Firefox (latest) & IE11 and below: Datepicker Label with selected Date

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 8 years ago

0 0 Best answer

This is a demo page >> demo page:

Add comment

Rafał Rogulski answered 8 years ago

0 0 Best answer

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

Add comment

pixeldiele pro answered 8 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

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: No
Provided link: No

pixeldiele

Pro User

10Support score
1Questions 2Answers

0Snippets likes 0Snippets