作成日: 2019/08/06 最終更新日: 2019/10/09
文書種別
不具合
発生環境
iOSでのみ発生
状況
修正済み
詳細
ionic4とAngularを利用した環境で、ドロップダウンのあるコントロールを使用した場合、ドロップダウンが正常に動作しません。
回避方法
この問題はバージョン5.20192.631で修正されました。
修正版を適用しない場合の回避方法は次の通りです。
app.component.tsに以下の処理を追加します。
◆サンプルコード
--------------------------------------------------
import * as wjcCore from 'wijmo/wijmo';
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
// ↓回避策
document.body.addEventListener('touchend', (e) => {
const ionApp = document.querySelector('ion-app');
if (ionApp) {
const target = e.target as HTMLElement;
const dropDown = wjcCore.closest(target, '.wj-dropdown-panel,.wj-dropdown');
if (dropDown) {
target.focus();
e.stopPropagation();
e.stopImmediatePropagation();
}
}
}, true);
// ↑回避策
});
}
--------------------------------------------------
修正版を適用しない場合の回避方法は次の通りです。
app.component.tsに以下の処理を追加します。
◆サンプルコード
--------------------------------------------------
import * as wjcCore from 'wijmo/wijmo';
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
// ↓回避策
document.body.addEventListener('touchend', (e) => {
const ionApp = document.querySelector('ion-app');
if (ionApp) {
const target = e.target as HTMLElement;
const dropDown = wjcCore.closest(target, '.wj-dropdown-panel,.wj-dropdown');
if (dropDown) {
target.focus();
e.stopPropagation();
e.stopImmediatePropagation();
}
}
}, true);
// ↑回避策
});
}
--------------------------------------------------
旧文書番号
84355