mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-25 09:16:18 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix textarea for sending messages is not editable on some iOS devices (#163)

Browse source
This commit is contained in:
schlagmichdoch 2023-10-09 17:54:26 +02:00 • committed by schlagmichdoch
parent 3c1ef57740
commit 1669fe7d75
6 changed files with 10 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -367,7 +367,7 @@
</div>
<div class="row">
<div class="column fw">
<div id="text-input" title="Message" class="textarea" role="textbox" autocapitalize="none" spellcheck="false" autofocus contenteditable></div>
<textarea title="Message" class="textarea" wrap="off" autofocus></textarea>
</div>
</div>
<div class="button-row row-reverse">

7
public/scripts/ui.js
View file

@ -1724,7 +1724,7 @@ class SendTextDialog extends Dialog {
constructor() {
super('send-text-dialog');
Events.on('text-recipient', e => this._onRecipient(e.detail.peerId, e.detail.deviceName));
this.$text = this.$el.querySelector('#text-input');
this.$text = this.$el.querySelector('.textarea');
this.$peerDisplayName = this.$el.querySelector('.display-name');
this.$form = this.$el.querySelector('form');
this.$submit = this.$el.querySelector('button[type="submit"]');
@ -1745,7 +1745,7 @@ class SendTextDialog extends Dialog {
}
_textInputEmpty() {
return !this.$text.innerText || this.$text.innerText === "\n";
return !this.$text.value || this.$text.value === "\n";
}
_onChange(e) {
@ -1767,7 +1767,6 @@ class SendTextDialog extends Dialog {
const range = document.createRange();
const sel = window.getSelection();
this.$text.focus();
range.selectNodeContents(this.$text);
sel.removeAllRanges();
sel.addRange(range);
@ -1781,7 +1780,7 @@ class SendTextDialog extends Dialog {
_send() {
Events.fire('send-text', {
to: this.correspondingPeerId,
text: this.$text.innerText
text: this.$text.value
});
this.$text.value = "";
this.hide();

2
public/styles.css
View file

@ -1011,7 +1011,7 @@ x-dialog .dialog-subheader {
padding-bottom: 0;
}
#text-input {
#send-text-dialog .textarea {
min-height: 200px;
width: 100%;
}