Tag-it Saisie semi-automatique: Faire li.tagit-nouvelle couverture reste de ul.tagit

J'ai essayé d'obtenir le 'li.tagit-nouvelle entrée' pour couvrir toute la largeur du reste du parent ul.tagit avec:Tag-it Saisie semi-automatique: Faire li.tagit-nouvelle couverture reste de ul.tagit

ul.tagit li { 
    display:table-cell; 
    white-space:nowrap; 
    vertical-align:top; 
    float: none; 
} 

ul.tagit li.tagit-new { 
    width: 100%; 
    border: 1px solid #ddd; 
} 
ul.tagit li.tagit-new input { 
    width: 100%; 
}

Cela fonctionne bien s'il y a au moins une étiquette. Mais pas s'il n'y pas d'étiquette:

http://jsfiddle.net/bus9dgx5/

Source

2017-04-01 Philipp M

je ne peux pas écrire cela comme un commentaire. comme je comprends ur problème, u peut l'afficher avec le proprety flex

ul.tagit { 
    margin-bottom: 0px; 
    display: flex; 
}

ici est une démonstration

http://jsfiddle.net/4eusrdbf/1/

Source

2017-04-01 12:33:03 GmaSa

Mais s'il n'y a pas de balise ... l'entrée ne couvre toujours pas la toute la largeur. J'ai un .ui-autocomplete-chargement à l'extrême droite de l'entrée ... et s'il n'y a pas de tag ... il est quelque part au milieu ... –

l'entrée ne couvre pas toute la largeur, il suffit de donner l'illusion que c'est parce que nous ne voyons pas les frontières, le chargement de l'autocomplétion à l'extrême droite sera toujours dans le bon sens s'il n'y a pas de tag aussi, vous pouvez le voir sur le jsfiddle. Si je ne comprends pas votre problème pouvez-vous s'il vous plaît poster une photo? – GmaSa

Pour une raison quelconque, le fichier .ui-autocomplete-loading n'apparaît pas dans jsfiddle, donc je l'ai attaché à .ui-autocomplete-input: http://jsfiddle.net/4eusrdbf/ Quand il n'y a pas de tag, c'est quelque part au milieu. C'est pourquoi je veux que l'entrée couvre toute la largeur ... –

Tag-it Saisie semi-automatique: Faire li.tagit-nouvelle couverture reste de ul.tagit

Répondre

Questions connexes