Plupload: кнопка «Выбрать файлы» не работает, когда она находится в модуле Bootstrap

Question

Кнопка «Выбрать файлы» не работает, когда она находится внутри Bootstrap modal.

Проблема

Проблема, кажется, существует на устройствах Apple, только такие, как IPad и iPhone. Я тестировал на Samsung Galaxy S4 Mini под управлением Android 4.2.2 и на планшете Nexus 7 под управлением Android 4.4.2, и оба этих устройства работают.

Demo

Вот демо, чтобы проиллюстрировать эту проблему (обратите внимание, вы должны смотреть на IPad или iPhone, чтобы увидеть проблему):

JSFIDDLE

Примечания

Интересно, если я перемещаю следующую надпись за пределами элемента .modal, так что «Se кнопка «файлы» видна на начальной загрузке страницы, тогда проблема исчезает.

<div id="container"> 
    <a id="pickfiles" href="javascript:;">[Select files]</a> 
    <a id="uploadfiles" href="javascript:;">[Upload files]</a> 
</div> 

Мой вопрос

Как я могу получить кнопку «Выбрать файлы» работает внутри модального для iPhone и IPad?

Answer 1

У PLupload есть проблемы с рендерингом внутри изначально скрытых элементов. После отображения диалогового окна вы должны обновить plupload. Добавьте этот код сразу после uploader.init()

$('#myModal').on('shown.bs.modal', function() { 
    uploader.refresh(); 
})