javascript - vue2 flatpickr ディレクティブ アプローチがモバイルで機能しない

Question

著者がここで提案するように、単純なディレクティブを使用して、 vue.jsで flatpickrを使用したい:

import Flatpickr from "flatpickr";
import Vue from "vue";

// <input type="text" v-flatpickr="{'enableTime': true}"

Vue.directive("flatpickr", {
    bind: (el, binding) => {
        el._flatpickr = new Flatpickr(el, binding.value);
    },
    unbind: el => el._flatpickr.destroy()
});

これが機能するかどうかを確認するために、簡単なフィドルを作成しました。デスクトップでは問題ありませんが、(chrome dev ツールを介して) モバイルモードに切り替えて「実行」を押すと、必要な入力が作成されません。入力のみhiddenが作成されます (inspect を参照)。

誰がこれがこれを引き起こす可能性があるか知っていますか?