Version: Sencha Touch 2.3

Target: iOS 6 - 7

Frameworks: Cordova 3.4

Issue:


After making selections and tapping the 'Done' button the picker reverts back to the original values.

I'm unable to get a js fiddle to reproduce the issue as I'm experiencing it only in iOS 6 - 7. I have however made a short screen capture that clearly shows the issue here. I've styled the picker a little to fit the look of my app:



Code:



/** 
 * Picker
 */
.x-picker .x-button {
    top: 2px;
    background: #dddddd !important;
    border: none !important;
    -webkit-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;


}
.x-picker .x-button .x-button-label {
    font-family: Arial;
    font-size: 12px;
    font-weight:  bold;
    color: #666666;
    text-transform: uppercase;
    padding-top: 2px;
}
.x-sheet, .x-picker, .x-sheet-action {
    border-top: 1px solid #DFDFDF;
    background: #CDCDCD !important;
}
.x-picker-bar {
    border-top: 0.12em solid #999999;
    border-bottom: 0.12em solid #999999;
    background-image: none;
    background-color: rgba(208, 208, 208, 0.3);
}


.x-picker .x-picker-item {
    color: #999999;
}


.x-item-selected .x-picker-item {
    color: #333333;
}