Bonjour tout le monde,

J'utilise le plugin Bootstrap Krajee permettant d'importer un fichier via un appel java.
La première version réalisée était sans l'utilisation de Polymer et ce plugin marche parfaitement sur tous les navigateurs.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/layout}">
<head/>
<body>
<div layout:fragment="content">
    <input id="inputFile" name="inputFile" class="file" type="file">
</div>
</body>
</html>
J'ai ensuite désiré utiliser ce plugin dans un composant polymer et là je rencontre des problèmes uniquement sur Firefox et IE. Cela marche parfaitement sur Google Chrome.
Voilà ce que j'obtiens lorsque j'affiche ma page avec Firefox :
Nom : no_style.png Affichages : 187 Taille : 1,4 Ko

Ce qui est bizarre, c'est que lorsque je clique sur le bouton "Browse", le style apparaît :
Nom : with_style.png Affichages : 163 Taille : 1,7 Ko
Et si je recharger la page, le style disparaît.

Voici ma page :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/layout}">
<head/>
<body>
<div layout:fragment="content">
    <upload-file/>
</div>
</body>
</html>
Et mon composant polymer :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<dom-module id="upload-file">
    <template>
            <input id="inputFile" name="inputFile" class="file" type="file">
    </template>
    <script>
        Polymer({
            is: "upload-file"
        });
    </script>
</dom-module>
Avez-vous une idée ?

Merci par avance.