Flatpickr: Calendar doesn't display correctly when inline and container initial display state is 'none'

Created on 11 Apr 2018  路  3Comments  路  Source: flatpickr/flatpickr

Reproduction link (version 4.4.4): https://jsfiddle.net/xeh3g4zx/6/
Reproduction link (version 4.3.2): https://jsfiddle.net/rzyksrhk/2/

  • flatpickr version used: latest at time of writing (4.4.4)
  • Browser name and version: Chrome 65.0.3325.181 (Official Build) (64-bit)
  • OS and version: Windows 10 1709

When the initial CSS display state of the container is 'none' and is then switched to 'block', the calendar is rendered incorrectly:
flatpickr_hidden_v4 4 4

This is different from the previous minor version, 4.3.2, which displays the calendar correctly even if the container's initial display state is 'none':
flatpickr_hidden_v4 3 2

Most helpful comment

Fixed @ v4.4.5

All 3 comments

+1. from 4.4.2 on, the inline calendar displays like this:
image

I have the same issue with 4.4.4. Temporary solution is to remove inline: true.

Fixed @ v4.4.5

Was this page helpful?
0 / 5 - 0 ratings