新規投稿
フォローする

kintone UI Component v1 グループ内にドロップダウンを作成すると表示が崩れる

  • kintone UI Component v1でドロップダウンメニューを設置する際、「グループ」フィールド内に設置したスペースを指定するとラベル内容が表示されない。
  • 「グループ」内に設置されている空白のドロップダウンをクリックすると正常にメニュー内容が表示され、選択した値(event.detail.value)の取得も正常に行われている。

「グループ」内でドロップダウンメニューを正常に表示するための方法がありましたらご教示いただきたく思います。

利用したソースコード

(ドロップダウンメニュー部分のみ抜粋)

(function() {
'use strict';
const events = [ 'app.record.edit.show','app.record.create.show' ];

/* ドロップダウンメニュー */
const item = [
{ label: '(選択してください)', value: '' },
{ label: 'りんご', value: 'りんご' },
{ label: 'みかん', value: 'みかん' },
];
const dropdown1 = new Kuc.Dropdown({
label: '検証用1',
items: item,
value: '',
id: 'dropdown1'
});
const dropdown2 = new Kuc.Dropdown({
label: '検証用2',
items: item,
value: '',
id: 'dropdown2'
});

/* イベント */
kintone.events.on(events, function(event) {
const dropdownSpace1 = kintone.app.record.getSpaceElement('dropdown1'); //グループ内のスペース
const dropdownSpace2 = kintone.app.record.getSpaceElement('dropdown2'); //通常のスペース
dropdownSpace1.appendChild(dropdown1);
dropdownSpace2.appendChild(dropdown2);

//on change(dropdown1)
dropdown1.addEventListener('change', event => {
rec1 = event.detail.value;
console.log(rec1);
return event;
}); //on change(dropdown1) ここまで

//on change(dropdown2)
dropdown2.addEventListener('change', event => {
rec2 = event.detail.value;
console.log(rec2);
return event;
}); //on change(dropdown2) ここまで
return event;
});
})();
0

1件のコメント

Avatar
juridon

こんにちは!

私も、グループ内にドロップダウンを設置してみたところ見た目が壊れました!

というわけで、Github Issueに投げてみました
https://github.com/kintone-labs/kintone-ui-component/issues/512

(もし補足できたら。。。。おねがいします。私英語苦手なもので。。。(T_T))

これで修正されたらいいのですが・・・👀

0
サインインしてコメントを残してください。