emoji picker
parent
2cd7287c4a
commit
5b575d66e3
|
@ -154,7 +154,7 @@
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
.shx-emoji-picker-popup:not(.shown) {
|
||||
#shx-emoji-picker-popup:not(.shown) {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
@ -543,7 +543,9 @@
|
|||
}
|
||||
|
||||
function onClickEmojiPickerButton() {
|
||||
if (document.getElementsByClassName("shx-emoji-picker-popup")[0].childNodes.length === 0) {
|
||||
const emojiPickupPopup = document.getElementById("shx-emoji-picker-popup")
|
||||
|
||||
if (emojiPickupPopup.childNodes.length === 0) {
|
||||
const emojiPicker = document.createElement("emoji-picker");
|
||||
emojiPicker.classList = "light";
|
||||
emojiPicker.style.width = "100%";
|
||||
|
@ -552,12 +554,10 @@
|
|||
insertText(document.querySelector("#shx-text1"), e.detail.unicode);
|
||||
});
|
||||
|
||||
console.log("add picker");
|
||||
|
||||
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
|
||||
emojiPickupPopup.appendChild(emojiPicker);
|
||||
}
|
||||
|
||||
document.querySelector('.shx-emoji-picker-popup').classList.toggle('shown')
|
||||
emojiPickupPopup.classList.toggle('shown')
|
||||
}
|
||||
|
||||
function SHX_IFC_genTextInput(inputID, labelText, inputName, inputVal, section_id, maxLength = 24) {
|
||||
|
@ -588,7 +588,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shx-emoji-picker-popup"></div>
|
||||
<div id="shx-emoji-picker-popup"></div>
|
||||
`;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue