お世話になっております。
JSbarcodeのライブラリを使用して、詳細画面でバーコードを表示しているのですが、
PC版では問題なく表示できて、
モバイル版では添付のようなエラーが発生しております。
下図について、左画面が詳細画面のバーコードを表示する箇所です。
グレー部分が対象の箇所となります。
右画面はデバッグしたときのエラーが発生した対象のコードです。
コードは下記のとおりです。
// バーコード作成
(function () {
kintone.events.on('mobile.app.record.detail.show',
function (event) {
let record = event.record
let table = record["order_items"].value
//テーブルの件数が1件以上 ＝ 合計数量が１つ以上
if (record["numTotal"].value >0) {
// 描写用の文字列に与えられているクラス名から設定
let targetClassName = ".value-5523053"
// サブテーブル画面描写後に走らせる
setTimeout(() => {
let dom = document.querySelectorAll(targetClassName)
// テーブル数分回す
table.map((row, index) => {
// code数値の読み込み
let code = row.value["jan"].value
// 文字列の位置へバーコード表示させるため、該当位置の中のspanを取得
//let target = dom[index].children[0].children[0]
let target = dom[index]
// svgタグの生成
let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
target.appendChild(svg)
// JsBarcodeで描写。
JsBarcode(svg, Number(code), { height: 30, margin: 5, fontSize:14, format: "EAN13" });
})
}, 1000)
return event;
}
}
);
})();
原因をご教授いただければ幸いです。
以上、よろしくお願いします。