Fix live copy edit paragraph resizing (#178)

This commit is contained in:
Abdul Wahab
2026-05-29 13:03:28 -07:00
committed by GitHub
parent 0c05cb8d2b
commit e10cff397b
14 changed files with 42 additions and 28 deletions
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];
+3 -2
View File
@@ -2788,13 +2788,14 @@
inlineEditRows = rows;
inlineEditDrafts = new Map();
for (const row of rows) {
row.inlineWhiteSpace = row.el.style.whiteSpace;
row.el.style.whiteSpace = getComputedStyle(row.el).whiteSpace;
row.el.setAttribute('contenteditable', 'true');
row.el.dataset.impeccableEditable = 'true';
row.el.dataset.impeccableOriginalText = row.text;
row.el.style.userSelect = 'text';
row.el.style.cursor = 'text';
row.el.style.outline = 'none';
row.el.style.webkitUserModify = 'read-write-plaintext-only';
row.el.addEventListener('input', onInlineInput);
}
}
@@ -2805,10 +2806,10 @@
row.el.removeAttribute('contenteditable');
delete row.el.dataset.impeccableEditable;
delete row.el.dataset.impeccableOriginalText;
row.el.style.whiteSpace = row.inlineWhiteSpace || '';
row.el.style.userSelect = '';
row.el.style.cursor = '';
row.el.style.outline = '';
row.el.style.webkitUserModify = '';
row.el.removeEventListener('input', onInlineInput);
}
inlineEditRows = [];