fix: ios grapheme layout

This commit is contained in:
Niklas von Hertzen 2021-08-16 20:21:04 +08:00
parent 0b1f0a7e90
commit 11d65ebf1b

View File

@ -29,12 +29,24 @@ export const parseTextBounds = (
if (styles.textDecorationLine.length || text.trim().length > 0) { if (styles.textDecorationLine.length || text.trim().length > 0) {
if (FEATURES.SUPPORT_RANGE_BOUNDS) { if (FEATURES.SUPPORT_RANGE_BOUNDS) {
if (!FEATURES.SUPPORT_WORD_BREAKING) { if (!FEATURES.SUPPORT_WORD_BREAKING) {
const rects = createRange(node, offset, text.length).getClientRects();
if (rects.length > 1) {
let graphemeOffset = 0;
splitGraphemes(text).forEach((grapheme) => {
textBounds.push( textBounds.push(
new TextBounds( new TextBounds(
text, grapheme,
Bounds.fromDOMRectList(context, createRange(node, offset, text.length).getClientRects()) Bounds.fromDOMRectList(
context,
createRange(node, graphemeOffset + offset, grapheme.length).getClientRects()
)
) )
); );
graphemeOffset += grapheme.length;
});
} else {
textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, rects)));
}
} else { } else {
textBounds.push(new TextBounds(text, getRangeBounds(context, node, offset, text.length))); textBounds.push(new TextBounds(text, getRangeBounds(context, node, offset, text.length)));
} }