Pourquoi le comportement de `input type=“date” " a changé?

Mise à jour
Chrome équipe a accepté le bug et a soumis un patch pour WebKit.
L'essentiel de ce changement est que la date des contrôles seront rendus à l'intérieur d'un flexible box élément quel que soit le style appliqué à l'input[type='date'].

---

Je suis le seul qui a signalé le défaut référencé ici pour Chrome. Une solution proposée est d'appliquer un display: inline-block; pour le calendrier sélecteur:

input[type="date"]::-webkit-calendar-picker-indicator{
    display:inline-block;
}

Cependant, c'est un vilain solution, car les contrôles sont toujours déplacé à un autre endroit que justifié à droite sur l'input[type="date"].

Une autre option consiste à faire flotter à droite:

input[type="date"]::-webkit-calendar-picker-indicator {
    display:inline-block;
    margin-top:2%;
    float:right;
}
input[type="date"]::-webkit-inner-spin-button {
    display:inline-block;
    float:right;
}

Cela a pour effet de bord de l'inversion de la toupie et du calendrier sélecteur de commandes.

Les meilleurs hack, je pense, est de supprimer le spinner et le flotteur droit:

input[type="date"]::-webkit-calendar-picker-indicator{
    display:inline-block;
    margin-top:2%;
    float:right;
}
input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}

OriginalL'auteur

Mise à jour

Google Chrome Question a été marqué comme une régression, donc cela devrait être bientôt corrigé.
Comme solution temporaire, le travail:

input[type=date]::-webkit-calendar-picker-indicator {
    display: inline-block;
}

De cette façon, vous pouvez garder les entrées de propriété d'affichage définie pour tout ce que vous voulez et tout fonctionne comme avant.

Réponse Originale

Réglage display: -webkit-inline-flex (ce qui semble être la valeur par défaut pour <input type="date" />) va résoudre ce problème, cela peut toutefois modifier la mise en page, que l'entrée est traité comme un élément inline.

Cela semble être un bug pour moi, je vais regarder si quelqu'un l'a déjà déposé un rapport de bug, sinon je vais.

OriginalL'auteur