Lista de selección de Knockout.js que actúa erráticamente en ios

Question

Tengo algunas cajas de selección que actúan erráticamente en ios. Estoy ejecutando cordova 1.8.1 y tengo una aplicación knockout.js ejecutándose en mi página. Cuando selecciono un elemento en el selector de elementos, se selecciona, pero también lo hacen todos los demás elementos de la lista. Ahora, por lo que puedo decir, se selecciona e informa el elemento adecuado cuando envío el formulario, pero se ve realmente muy malo para el usuario y podría ser muy confuso. Estoy haciendo algo de fantasía, aquí está el código:

<select class="dropdownList1" style='width:35%;left:28%;position:absolute;' data-bind="value:ContactUsForm.Month,options:ContactUsForm.Months,optionsCaption: 'Month'"></select> 

Pero aquí es el resultado cuando tomo 7 para el mes:

Esto no es un cuadro de selección muti. Me parece que el error aquí está en iOS, pero mi sospecha es que Knockout también está haciendo una nueva versión cuando selecciono un valor. En los navegadores normales, el cuadro se cierra de manera que nunca vea un estado "intermedio", pero con ios, el cuadro permanece abierto hasta que haga clic en "hecho".

Answer 1

Este problema se produce cuando Knockout actualiza los elementos en el menú desplegable. Pero incluso si ContactUsForm.Months nunca cambia, Knockout aún actualiza los elementos cada vez que cambia el valor, como cuando selecciona un elemento. Consulte el artículo RP NiemeyerKnockout.js Performance Gotcha #3 - All Bindings Fire Together para obtener más detalles sobre este problema.

Creo que la solución que presenta le servirá. En lugar de utilizar el enlace options, debe usar su enlace isolatedOptions. (También el value vinculante debe ser siempre después options o isolatedOptions.)

<select data-bind=" 
    isolatedOptions:ContactUsForm.Months, optionsCaption:'Month', 
    value:ContactUsForm.Month"></select>