johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

🐛 Fix text style change not being applied (#7036)

Browse Source 
* 🐛 Fix text styles not being applied to current cursor

* 🔧 Add text file for bug 11552

* 📚 Update changelog
This commit is contained in:
Belén Albeza
2025-08-05 13:35:54 +02:00
committed by GitHub
parent 7efc297cd9
commit d5abf34538
9 changed files with 431 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/text-editor/src/editor/controllers/SelectionController.js
View File

@@ -18,6 +18,7 @@ import {
setInlineStyles,
splitInline,
createEmptyInline,
createVoidInline,
} from "../content/dom/Inline.js";
import {
createEmptyParagraph,
@@ -1697,7 +1698,7 @@ export class SelectionController extends EventTarget {
// node, then we can apply styles directly to that
// node.
if (startNode === endNode && startNode.nodeType === Node.TEXT_NODE) {
// The styles are applied to the node completelly.
// The styles are applied to the node completely.
if (startOffset === 0 && endOffset === endNode.nodeValue.length) {
const paragraph = this.startParagraph;
const inline = this.startInline;
@@ -1728,9 +1729,18 @@ export class SelectionController extends EventTarget {
// FIXME: This can change focus <-> anchor order.
this.setSelection(midText, 0, midText, midText.nodeValue.length);
// The styles are applied to the paragraph.
} else {
}
// the styles are applied to the current caret
else if (
this.startOffset === this.endOffset &&
this.endOffset === endNode.nodeValue.length
) {
const newInline = createVoidInline(newStyles);
this.endInline.after(newInline);
this.setSelection(newInline.firstChild, 0, newInline.firstChild, 0);
}
// The styles are applied to the paragraph
else {
const paragraph = this.startParagraph;
setParagraphStyles(paragraph, newStyles);
}