新規投稿
フォローする

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

3件のコメント

Avatar
juridon

こんにちは!

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

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

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

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

0
Avatar
Minami

現在私も似たような症状が出ているのですが、バグでしょうか?

ドロップボックスのリストは表示されるのですが、選んだ項目名が表示されません。ずっと真っ白です。
中身のValueは取得できていますが、labelにセットされた表示名が出ない状態です。

追記>>
labelとvalueを同じにしたら選ばれた項目の表示もされました。
valueに数字などを使うと表示されませんでした。


Minamiにより編集されました
0
Avatar
juridon

anomaly さん

Minami さん

お久しぶりです!

こちらの不具合、v1.0.4で修正されております^0^
ご連絡まで~!

https://github.com/kintone-labs/kintone-ui-component/issues/512

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