背景・実現したいこと
Tippy.jsとFont Awesomeを使用してToolTipを表示したいのですが、
？マークは表示されますが、マウスカーソルを合わせても
ToolTipが表示されません。
ご教示いただけますでしょうか。
エラー情報 （開発者ツールのコンソール）
コンソールにはエラーが表示されません
利用したソースコード
//
// フォーム
// Status_ToolTip -> スペース
//
// PC用のJavaScriptファイル
// Tippy.js
// https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js
// https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js
//
// PC用のCSSファイル
// Font Awesome 5.x
// https://js.cybozu.com/font-awesome/v5.5.0/css/fontawesome-all.min.css
(function () {
'use strict';
kintone.events.on(['app.record.edit.show', 'app.record.index.edit.show', 'app.record.create.show'], function (event) {
let myToolTip_Status = document.createElement('i');
myToolTip_Status.className = 'fas fa-question-circle';
tippy(myToolTip_Status, {
maxWidth: 1000,
content: 'テストメッセージ'
});
kintone.app.record.getSpaceElement('Status_ToolTip').appendChild(myToolTip_Status);
return event;
});
// End Of Script
})();