Botからメッセージ送信したFlexible Templateにおいて、太字としたspan要素がモバイル版で正しく表示されない
表題の通りです。
span要素に対して「"weight": "bold"」を指定したとき、モバイル版での表示が想定と異なります。
text要素内のspan要素は、個別に太字指定できる認識でしたが、
3つのspan要素を配置し、以下のように太字指定してもそれぞれ正しく表示されませんでした。
・1つ目のみを太字としたとき ： 3つのspan要素すべてが太字で表示された
・2つ目のみを太字としたとき ： 3つのspan要素すべてが太字で表示されなかった
・3つ目のみを太字としたとき ： 3つのspan要素すべてが太字で表示されなかった
なお、同じFlexible TemplateをPCブラウザ版から表示した場合は想定通りそれぞれ個別に太字で表示されておりました。
確認に使用したモバイル版アプリはIOS版のバージョン4.0.6です。（投稿日時点の最新）
こちらはモバイル版の仕様なのでしょうか？
以下、表示内容の画面キャプチャとFlexible Templateの内容です。
・モバイル版画面キャプチャ
・PCブラウザ版画面キャプチャ
・Flexible Templateの内容（JSON）
{
"type": "flex",
"altText": "太字テストメッセージ",
"contents": {
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "textメッセージ",
"weight": "bold"
},
{
"type": "text",
"contents": [
{
"type": "span",
"text": "span",
"weight": "bold"
},
{
"type": "span",
"text": "メッセージ"
},
{
"type": "span",
"text": "（1つ目太字）"
}
]
},
{
"type": "text",
"contents": [
{
"type": "span",
"text": "span"
},
{
"type": "span",
"text": "メッセージ",
"weight": "bold"
},
{
"type": "span",
"text": "（2つ目太字）"
}
]
},
{
"type": "text",
"contents": [
{
"type": "span",
"text": "span"
},
{
"type": "span",
"text": "メッセージ"
},
{
"type": "span",
"text": "（3つ目太字）",
"weight": "bold"
}
]
}
]
}
}
}
投稿に新しいコメントが追加されましたら通知を送信します。
コメント0
まだ、解決できませんか？
今すぐ実際に使用しているLINE WORKSユーザーに質問してみましょう。