Datepicker - Label active class doesn't work in Firefox

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Datepicker - Label "active" class doesn't work in Firefox / IE11

pixeldiele pro asked 4 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

pixeldiele pro answered 4 years ago

This is a demo page >> demo page:

Rafał Rogulski answered 4 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

pixeldiele pro answered 4 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
Write
Create snippet
Please insert min. 20 characters.
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
Tags
datepicker firefox issue
Related topics
2
Dropdowns for Year and Month in Datepicker don't work
2
Date picker: Cannot scroll throug all years
1
Date Picker problems
1
trigger date picker on button click
1
No aria-label in DOM in purchased package
About author
pixeldiele
Pro User
10Support score
1Questions 2Answers
0Snippets likes 0Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.