Olá, quando eu uso o escolhido em um campo de seleção como este:
<select id="mySelect" style="width: 65.935%;" multiple>
Escolhido gerou <ul class="chzn-choices">
com uma largura de 65.935 pixels em vez de porcentagem. No momento, eu o hackeado com essa inicialização aqui
$('#inputNewRecipient').chosen().next().css('width', '65.9574%');
Atenciosamente
Você está usando a versão mais recente do Chosen?
E qual navegador você está usando? E qual versão do Chosen (jQuery ou Prototype)?
Desculpe por esquecer tudo isso - estava com um pouco de pressa!
A versão escolhida é up2date (0.9.13), jQuery Version, Browser é o mais novo Firefox @ Ubuntu 10.04.
Acabei de testá-lo novamente e passou de 65,5% para 55,5 px, a propósito, estou usando o Bootstrap.
Não há uma ótima maneira de confiar em style / css para obter a largura definida pelo usuário (os navegadores modernos retornam a largura real), o que significa que Chosen termina automaticamente com um valor de pixel. Não queremos ser forçados a fazer um recálculo no redimensionamento da tela, então fornecemos uma interface opcional para larguras percentuais.
$('#inputNewRecipient').chosen({ width: '65.9574%' });
@pfiller Agora estou usando a interface escolhida para definir a largura. Agora, meu texto de espaço reservado foi cortado pela largura gerada: 55px, esse é um problema com o escolhido?
Escolhido tornará o campo de entrada o maior possível dentro de seu contêiner. Às vezes, isso significa que o texto do espaço reservado é cortado. Se quiser que o texto caiba em Escolhidos, você precisa torná-los ao menos assim tão grande.
Eu percebi um pequeno problema enquanto investigava isso. Basicamente, o campo pode crescer mais do que o contêiner em certos casos. Veja: # 1167
A caixa tinha cerca de 600 px de largura e o texto do espaço reservado foi cortado após cerca de 6-7 letras.
Estou tendo o mesmo problema.
Eu defini a propriedade de largura de escolhido como uma porcentagem (33%), e então isso acontece.
Contornou o problema substituindo estes estilos css:
... li.search-field {
largura: 100%;
}
... li.search-field input.default {
largura: automático! importante;
}
Também teve um problema semelhante:
Substituir os seguintes estilos funcionou para mim:
li.search-field {
largura: 100%;
}
li.search-choice + li.search-field {
largura: 20%;
}
Isso resolveu o problema para mim
li.search-field {
largura: 100%! importante;
}
li.search-field input.default {
largura: 100%! importante;
}
Comentários muito úteis
Isso resolveu o problema para mim
li.search-field {
largura: 100%! importante;
}
li.search-field input.default {
largura: 100%! importante;
}