- 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;
});
})();
