Chosen: Problema de largura

Criado em 25 abr. 2013  ·  9Comentários  ·  Fonte: harvesthq/chosen

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

Bug

Comentários muito úteis

Isso resolveu o problema para mim

li.search-field {
largura: 100%! importante;
}
li.search-field input.default {
largura: 100%! importante;
}

Todos 9 comentários

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?

bug

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.

2013-12-10--1386684424_559x48_scrot

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;
}

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

lordspace picture lordspace  ·  6Comentários

Jeckerson picture Jeckerson  ·  7Comentários

jim-at-miramontes picture jim-at-miramontes  ·  4Comentários

Scalamoosh picture Scalamoosh  ·  8Comentários

ali1360 picture ali1360  ·  5Comentários