Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 16:21:57 -05:00
Code Issues Activity

🐛 Fix problem with Safari and text resize

Browse source
This commit is contained in:
alonso.torres 2022-05-18 22:27:21 +02:00
parent b5e696c6b4
commit e22ef536ed
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/app/util/text_position_data.js
View file

@ -18,7 +18,7 @@ goog.scope(function () {
const range = document.createRange();
range.setStart(node, start);
range.setEnd(node, end);
return range.getClientRects();
return [...range.getClientRects()].filter((r) => r.width > 0);
}
self.parse_text_nodes = function(parent, textNode) {
@ -31,10 +31,20 @@ goog.scope(function () {
let result = [];
let prevRect = null;
// This variable is to make sure there are not infinite loops
// when we don't advance `to` we store true and then force to
// advance `to` on the next iteration if the condition is true again
let safeguard = false;
while (to < textSize) {
const rects = getRangeRects(textNode, from, to + 1);
if (rects.length > 1) {
if (rects.length > 1 && safeguard) {
from++;
to++;
safeguard = false;
} else if (rects.length > 1) {
const position = prevRect;
result.push({
@ -45,11 +55,12 @@ goog.scope(function () {
from = to;
current = "";
safeguard = true;
} else {
prevRect = rects[0];
current += content[to];
to = to + 1;
safeguard = false;
}
}